3dbuildings Maps

Data API 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>