OSM Building Viewer

"OSMBuilding" redirects here. For the unmaintained worldwide renderer, see OSM Buildings.

OSM Building Viewer
Author:	Kevin Nowaczyk
License:	MIT License (free of charge)
Platform:	Web
Status:	Active
Website:	beakerboy.github.io/OSMBuilding/
Source code:	Beakerboy/OSMBuilding/ GitHub
Programming language:	JavaScript
Visualizes an individual building as a 3D model
Features Feature Value Map Display Display map yes Map data vector Source online Rotate map yes 3D view yes Shows website no Shows phone number no Shows operation hours no Routing ? Navigating ? Tracking ? Monitoring ? Editing ? Rendering Renderer output formats WebGL Accessibility ?

OSM Building Viewer (also known as OSMBuilding) is a tool for rendering an individual building as a three-dimensional model. It accepts a building=* way ID or type=building relation ID as part of the URL, fetches the element directly from the OSM API, renders the building according to the Simple 3D Buildings tagging scheme. It accepts alternative API endpoints, such as those belonging to OpenHistoricalMap and OpenGeofiction.

Links examples

Way building (Petronas Towers)

https://beakerboy.github.io/OSMBuilding?id=279944536

multipolygon relation (Leaning Tower of Pisa)

https://beakerboy.github.io/OSMBuilding/index.html?type=relation&id=12982338

Building from OpenGeofiction

https://beakerboy.github.io/OSMBuilding?id=461819&type=relation&osmApiUrl=https://opengeofiction.net/api/0.6

Template for utilsplugin2 for render data from JOSM

https://beakerboy.github.io/OSMBuilding?type={#type}&id={#id}&fromFile=http://localhost:8111/export

Render from .osm file

https://beakerboy.github.io/OSMBuilding?fromFile

Render from Overpass data

[date:"2020-01-01T00:00:00Z"][bbox:{{bbox}}];
nwr[building];
(._;>;);
out meta;

In Overpass Turbo click Export and copy URL from raw data directly from. Add this URL into fromFile= param.

https://beakerboy.github.io/OSMBuilding?id=356408&type=relation&fromFile=https://overpass-api.de/api/interpreter?data=%5Bdate%3A%222020-01-01T00%3A00%3A00Z%22%5D%5Bbbox%3A59.9377491431579%2C30.497601627610287%2C59.93878237658078%2C30.500195323727688%5D%3B%0Anwr%5Bbuilding%5D%3B%0A%28._%3B%3E%3B%29%3B%0Aout%20meta%3B%0A

External links

• Official website
• Beakerboy/OSMBuilding ^GitHub – documentation and source code