A WebVR demo that presents OpenStreetMap data in a virtual reality environment right inside the browser.
The VR environment is built with Mozilla's A-Frame library, with some components added to the default set, and sometimes reaching to Three.js underneath to achieve some things that A-Frame doesn't support by itself.
Currently, three types of objects are being displayed:
- Tiles: The ground layer is using OpenStreetMap Mapnik tiles via KaiRo's tilecache server. Each tiles uses a single , sized appropriately for tiles at the given coordinates.
natural=treetags are rendered as trees, taking into account
diameter_crownfor sizing as well as
leaf_typefor using a standard
broadleaved(for everything else) tree template.
- Buildings: Any
buildingtag is rendered as a building. Its outline (with appropriate holes if required) is extruded to the
building:levelsmultiplied by 3), with a default height of 15m (or outline length divided by 5 if that's smaller).
building:min_levelas well as
building:colourare respected, but building parts or roofs are not supported (yet).
- The initial center coordinate set is hardcoded. While the code supports GPS coordinates from around the world, the default right now is just outside KaiRo's front door in Vienna, Austria.
- Only a small area is loaded by default and no further data is added as you move around.