uMap

uMap
Authors:	yohanboniface
License:	WTFPL
Platform:	Cross-platform
Status:	Active
Version:	1.2.3 (2021-07-07)
Language:	multiple languages
Website:	https://umap.openstreetmap.fr/en/
Source code:	umap-project/umap
Programming languages:	Python and JavaScript
Create your own map, add marker and much more

uMap lets you create a map with OpenStreetMap layers and embed it in your site. All within a few minutes. You can create custom maps (see the examples at the instances' front pages). It is powered by open source, WTFPL-licensed software.

Instances

• Production instances
  • umap.openstreetmap.fr (multilingual), currently: català, čeština, dansk, Deutsch, English, español, français, italiano, lietuvių, suomi, Nederlands, русский, українська, 日本語, 中文（繁體）, 한국어 – Free usage without charge open to anyone. Warning, the service is very busy but does not offer any commercial support; it is not warrantied to work permanently and may temporarily be unavailable : report any incident or unavailable times to the technical support below.
  • framacarte.org
  • umap.osm.ch (multilingual, Switzerland)
  • umap.geonue.com
  • https://umap.openstreetmap.co (Spanish / Epañol) - Free usage without charge open to anyone. Maintained by the OpenStreetMap Colombia foundation.
  • umap.openstreetmap.de (German and other languages)
  • osmit-umap.wmflabs.org - Free usage without charge open to anyone. Maintained by the WikiMedia Italia - local chapter of the OSMF.

Tutorials/Help

On Wiki

• UMap/Guide
• UMap/FAQ
• UMap/Tips

Outside Wiki

French

Voir FR:UMap#Articles_tutoriels_et_billets_de_blogues

English

1. Create an always up to date map with Overpass (en)
2. blog post about new features in uMap (2014-08-25) (en)
3. Using overpass queries in uMap (2020-11-23) (en)

Italian

1. Creare una mappa online con fotografie in uMap aggiornabile con EtherCalc (it)
2. come creare una mappa web in stile Open – Video tutorial (it)
3. come caricare un layer da remoto su uMap con overpass-api – Video tutorial (it)

Screencasts

• Change popup template (fr)
• Split/merge polylines
• Use the iframe exporter
• Change clusters text color
• Use table editor
• Set marker lat/lng by hand
• Create a hole in a polygon
• Continue a line
• Activate slideshow mode
• Delete layer
• Delete marker with right-click

Showcase

Some of the more expressive maps made with uMap:

• Syrian conflict map
• Ebola tracking
• Famous tombs in Père-Lachaise, Paris (with Overpass dynamic request)
• Old photos of Thessaloniki map (iframed here)
• A heatmap of the trees in Bordeaux
• Using a dynamic GeoRSS feed from Flickr (read also GeoRSS support added on uMap)
• The maps of the uMaps (note: the collected data is outdated, some maps are incorrectly referenced and are not those effectively published on websites, and there are many more)
• Simple elections results in Paris
• Paris en autochromes (with iframe embedded in the popups)
• Vegan restaurants in Bern (iframed here)
• Interesting places in Samara (Russia) with pop-up windows
• Map by the "Anti-borschevik" (anti-hogweed) community (Russia).

Pseudo-maps using custom locations, not real geolocations on Earth:

• Simpson's City Map (game)
• Composition of elected members at the Île-de-France regional assemblee in Paris (people and their political groups on a chart)

Development

Built using Django (Python) and Leaflet (JavaScript). It also uses the modules django-leaflet-storage and Leaflet.Storage.

• Project repository: https://github.com/umap-project/umap
• Front-end repository (Leaflet plugin): https://github.com/umap-project/Leaflet.Storage
• Back-end repository (Django app): https://github.com/umap-project/django-leaflet-storage

Translations are available on Transifex: https://www.transifex.com/projects/p/umap/

Developers news and release notes

• (en) 2020-02-25: How to become an uMap contributor? by Binnette (talk)

Feedback and help

• Mailing list: https://lists.openstreetmap.org/listinfo/umap
• Issues tracker (you can reach the developers there): https://github.com/umap-project/umap/issues
• IRC channel (real-time chat): #umap on Freenode
• Gitter channel: https://gitter.im/umap-project/umap
• Help forum (only for minor usage problems): https://help.openstreetmap.org/tags/umap/
• French help forum: https://forum.openstreetmap.fr/c/utiliser/umap/29
• Spanish help (Umap Colombia installation): https://t.me/OSMLatam / https://openstreetmap.co

See also

• geojson.io offers drawing geometries, displaying markers according to coordinate tables, overlay GPX or KML data, and finally share your map even privately.
• ShareMap is a flash based online tool to create geometric elements on a background map (OSM among others), display GPX or KML files, import elements from OSM API via overpass-api and finally save the result in different formats for different purposes.
• https://mapifator.com/ by Geoapify. Custom maps for embedding on your website. Commercial with free tier.
• http://maps.inkata.com was a similar web service (now broken?)
• An interview with the founder of the public movement "Anti-borschevik" (anti-hogweed) about how they use uMap.