OpenLevelUp

From OpenStreetMap Wiki
(Redirected from OpenLevelUp/Use cases)
Jump to navigation Jump to search
View associated tags and keys on TagInfo  Open bug tracker
OpenLevelUp.jpg
OpenLevelUp!
OpenLevelUp centered on a shopping mall
OpenLevelUp centered on a shopping mall
Author: PanierAvide
Slippy map: openlevelup.net
Language: English
Tiles license: AGPL-3.0-or-later
Version: v3.0-alpha2 (2016-09-13)
Source code: framagit.org/OpenLevelUp/OpenLevelUp

OpenLevelUp allows to navigate inside levels of a building interactively and displays pictures from the web, Mapillary or Flickr

OpenLevelUp! is a web map which displays the inside of buildings, level by level, interactively. This tool is useful for viewing indoor data.

Usage

The map at a country-level, showing the amount of indoor objects around

OpenLevelUp is simple to use. Note that some loading is needed to retrieve live data from OSM servers. When you are on lower zooms (as seen on the picture), you have several points showing numbers. These points indicates the amount of indoor-related objects, for a fast view of where indoor data is available. High values means a lot of indoor details available. Like any slippy map, you can zoom and move map. You can also click on points to zoom in on a given area.

Details of a given object

On higher zooms, the complete map data is shown. You can navigate through levels by clicking the "Up" and "Down" arrows on the top of the left sidebar, or directly go to a given level by choosing it in the level selector. Each object shown on map can be clicked, a small popup appears with two or three buttons. These buttons allows you to access to object details (as shown on the picture), go to OSM.org description of the object, or for some object show associated pictures.

A list of rooms and amenities is also available at high zoom levels, you can open it by clicking on the door icon at the bottom of the left sidebar. Objects in this list are ordered by level, and a search bar makes possible to find a given object in list more easily. It is also possible to create new notes directly in the website, you can describe some enhancement for a given level in the building. To do so, click on the "talking bubble" at the bottom of the left sidebar, this will display a blue marker on map which can be dragged to move it to the exact location of the problem. Then add a comment in the text area in the left sidebar to describe what is the problem, then click on "New note" button.

Use cases

OpenLevelUp can render many buildings with appropriate style. More information, specific to indoor thematic, can be added and rendered. See the following pages for details.

Functionalities

360° picture associated to an amenity

Basic

  • Indoor data shown level by level
  • Details of objects : human readable (access values, width/height, material) and the list of tags
  • List of rooms, amenities, objects
  • Routing inside building (by foot or by wheelchair)
  • View pictures (traditional or 360°) associated to objects (from the web, Wikimedia Commons, Mapillary, Flickr)

Advanced

  • Data filters : hide transcendent objects, show only building area
  • Create and visualize OSM notes
  • Create QR Code linking to the shown area

Supported tags

As indoor mapping is a subject still evolving, here is the (partial) list of supported tags. The main tag is level=*, only object having a level value (or member of a type=level relation) are shown on map. For help on how to tag the inside of buildings, see Recommended tagging. For editing indoor data, you can try OsmInEdit, or former iD-indoor.

Indoor

  • indoor=* - To mark rooms, corridors, halls, all structuring spaces inside a building
  • buildingpart=* - Same as indoor=*, but with different values (created in an older tag proposal)
  • room=* - Precise the usage of a room (office, shop, toilets, ...)

Object details

The tags used to show human-readable details about objects.

Pictures

Source code

The OpenLevelUp source code is available on FramaSoft. It is released by PanierAvide under AGPL 3 license.

The website is written in JavaScript and uses Leaflet map (and some plugins). The data is retrieved in live from Overpass API. A customizable style is applied, and data is filtered by level=* value.

See also