54 views
# OpenStreetMap (OSM) ## & ## UMAP <span>what it is and how to use it<!-- .element: class="fragment" data-fragment-index="1" --></span> Note: Say hello --- ## Content - What is OpenStreetMap? - How to use OSM - How to contribute to OSM - How to create your own Maps with UMAP --- ## What is OpenStreetMap? ### Wikipedia of Maps > OpenStreetMap (OSM) is a free, open map database updated and maintained by a community of volunteers via open collaboration. Contributors collect data from surveys, trace from aerial photo imagery or satellite imagery, and import from other freely licensed geodata sources. OpenStreetMap is freely licensed under the Open Database License and is commonly used to make electronic maps, inform turn-by-turn navigation, and assist in humanitarian aid and data visualisation. ###### Source: [Wikipedia](https://en.wikipedia.org/wiki/OpenStreetMap) Note: --- https://www.youtube.com/watch?v=ktCUVNWl90c --- ## Some OSM Facts - Founded 2004 by Steve Coast - Open Data [ODbL](https://en.wikipedia.org/wiki/Open_Database_License) - Humanitarian OpenStreetMap Team HOT (https://www.hotosm.org) - Used by big companies (Apple, Facebook, Microsoft, ...) - and smaller ones (SBB, NZZ, ...) - Often more detailed than Google Maps Note: --- Google Maps ![](https://notepad.open-circle.ch/uploads/04217990-6ad4-4afd-8f1c-7b3a180b232e.png) --- OSM Default Map ![](https://notepad.open-circle.ch/uploads/21b94b19-fe40-4bbc-bd11-0806082992e5.png) --- Stamen Watercolor (OSM data) ![](https://notepad.open-circle.ch/uploads/011aec93-490f-4c86-a4d7-43c402dbdb02.png) --- ### How to use OSM? * Official Map (https://www.openstreetmap.org) * Specialized Maps: * [waymarkedtrails.org](https://waymarkedtrails.org/) * [defikarte.ch](https://defikarte.ch/) * [wheelmap.org](https://wheelmap.org/) * [openbeermap.github.io](http://openbeermap.github.io) * Navigation / Mobile Phone: [OSMand](https://osmand.net/) / [Organic Maps](https://organicmaps.app/)) * Geocoding [nominatim](https://nominatim.org/) --- ### How to contribute to OSM? * Official Map (https://www.openstreetmap.org) * JOSM * https://whatosm.pavie.info/ --- ### How to create your own Maps with UMAP? [umap-project.org](https://umap-project.org/) Popular Instances * [umap.osm.ch](https://umap.osm.ch) (Coverage for Switzerland) * [umap.openstreetmap.fr](https://umap.openstreetmap.fr) (global Coverage) ---- ### Create Map 1. Map name 1. Select Base Tiles 1. add data ---- ### Possible data sources * [overpass-turbo.eu](https://overpass-turbo.eu/) (OSM data) * import gpx tracks (or other geo data formats) * draw local data ---- ### How to get OSM data? 1. go to [overpass-turbo.eu](https://overpass-turbo.eu/) 2. construct data query or use wizard 3. check data on map 4. export query for UMAP 5. prepend ```https://overpass-api.de/api/interpreter?data=``` or ```https://overpass.osm.ch/api/interpreter?data=``` ###### Examples - ```https://overpass-api.de/api/interpreter?data=[out:json][timeout:25];nwr["office"="it"]["name"="Open Circle AG"]({south},{west},{north},{east});out geom;``` - ```https://overpass.osm.ch/api/interpreter?data=[out:json][timeout:25];(nwr["amenity"="cafe"]({south},{west},{north},{east});nwr["shop"="bakery"]({south},{west},{north},{east}););out geom;``` ---- ### Use data in UMAP 1. create layer 2. set external data 1. URL from Overpass 2. Format OSM 3. Dynamic yes 3. format "pins" 4. format data interactivity (popup template) 5. Set Access Permissions 6. discover more function and features of UMAP ---- ### Useful links - https://wiki.openstreetmap.org (Official Wiki) - https://www.overpass-turbo.eu/ (Query Builder & Testing) - https://taginfo.openstreetmap.org/ (Find the key:values used in OSM data)