3dbuildings Maps

Data is split into Vector Tiles.

URL Schema

http(s)://data.3dbuildings.com/tile/{z}/{x}/{y}.pbf?token={token}

URL element	Description
z	Zoom level of requested tile 12 - buildings are represented as points 13-16 - gradually detailed geometry 17: maximum quality, ~10 cm resolution
x	Horizontal position of tile at zoom level
y	Vertical position of tile at zoom level
token	Your Maps access token

Supported map viewers

Mapbox GL

The referenced style definition takes care for further url handling.

<script>
let map = new mapboxgl.Map({
	container: 'map',
	style: 'https://data.3dbuildings.com/tile/style/buildings.json?token=YOUR_TOKEN',
	...
});
</script>

OSM Buildings

<script>
let map = new OSMBuildings(...)
map.addMapTiles(...);
map.addGeoJSONTiles('https://{s}-data.3dbuildings.com/tile/{z}/{x}/{y}.json?token=YOUR_TOKEN');
</script>

Leaflet

<script>
let map = new L.Map(...);
new L.TileLayer(...).addTo(map);
let osmb = new OSMBuildings(map).load('https://{s}-data.3dbuildings.com/tile/{z}/{x}/{y}.json?token=YOUR_TOKEN');
</script>