uMap

 · Help

Available languages — UMap

· Afrikaans · Alemannisch · aragonés · asturianu · azərbaycanca · Bahasa Indonesia · Bahasa Melayu · Bân-lâm-gú · Basa Jawa · Basa Sunda · Baso Minangkabau · bosanski · brezhoneg · català · čeština · corsu · dansk · Deutsch · eesti · English · español · Esperanto · estremeñu · euskara · français · Frysk · Gaeilge · Gàidhlig · galego · Hausa · hrvatski · Igbo · interlingua · Interlingue · isiXhosa · isiZulu · íslenska · italiano · Kiswahili · Kreyòl ayisyen · kréyòl gwadloupéyen · Kurdî · latviešu · Lëtzebuergesch · lietuvių · magyar · Malagasy · Malti · Nederlands · Nedersaksies · norsk bokmål · norsk nynorsk · occitan · Oromoo · oʻzbekcha/ўзбекча · Plattdüütsch · polski · português · română · shqip · slovenčina · slovenščina · Soomaaliga · suomi · svenska · Tagalog · Tiếng Việt · Türkçe · Vahcuengh · vèneto · Wolof · Yorùbá · Zazaki · српски / srpski · беларуская · български · қазақша · македонски · монгол · русский · тоҷикӣ · українська · Ελληνικά · Հայերեն · ქართული · नेपाली · मराठी · हिन्दी · भोजपुरी · অসমীয়া · বাংলা · ਪੰਜਾਬੀ · ગુજરાતી · ଓଡ଼ିଆ · தமிழ் · తెలుగు · ಕನ್ನಡ · മലയാളം · සිංහල · བོད་ཡིག · ไทย · မြန်မာဘာသာ · ລາວ · ភាសាខ្មែរ · ⵜⴰⵎⴰⵣⵉⵖⵜ ⵜⴰⵏⴰⵡⴰⵢⵜ‎ · አማርኛ · 한국어 · 日本語 · 中文（简体）‎ · 中文（繁體）‎ · 吴语 · 粵語 · ייִדיש · עברית · اردو · العربية · پښتو · سنڌي · فارسی · ދިވެހިބަސް

Other languages — Help us translate this wiki

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, русский, українська, 日本語, 中文（繁體）‎)
  • umap.osm.ch
  • umap.openstreetmap.co
  • framacarte.org
  • umap.geonue.com
• Demo instance
  • umap.fluv.io

Tutorials

• FR:UMap/Guide (fr)
• Tutoriel : créer une carte personnalisée avec umap (fr)
• http://blog.m0le.net/2013/05/31/creez-vos-propres-geojson-avec-open-street-map/ (fr)
• http://huguesboucher.fr/2014/07/les-tutoriels-de-la-communication-umap-01/ (fr)
• Create an always up to date map, using Overpass with uMap (en)
• https://blog.statium.link/fr/home/trail-creez-et-partagez-votre-parcours-en-5-minutes-avec-openstreetmap (fr)
• blog post about new features in uMap (2014-08-25) (en)
• Préparer ses couches CSV pour Umap (fr)
• Creare una mappa online con fotografie in uMap aggiornabile con EtherCalc (it)
• Guardian Datastore Explorer: per costruire query su fogli elettronici Google Drive (it)
• come creare una mappa web in stile Open – Video tutorial (it)
• come caricare un layer da remoto su uMap con overpass-api – Video tutorial (it)
• http://www.dailymotion.com/video/x20wflp_tutoriel-creer-une-carte-avec-umap_school - Video tutorial (fr)

Screencasts

• Convert a shapefile to geojson and import it to uMap
• Change popup template (fr)
• Split/merge polylines
• Use the iframe exporter
• Change clusters text color
• Use table editor
• Limit map bounds
• Change map default tilelayer
• Download data
• 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)
• 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 autochrones (with iframe embedded in the popups)
• Vegan restaurants in Bern (iframed here)

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/

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
• Help forum (only for minor usage problems): https://help.openstreetmap.org/tags/umap/
• French help forum: http://forum.openstreetmap.fr/viewforum.php?f=19

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.
• http://maps.inkata.com is a similar web service