uMap/Guide

From OpenStreetMap Wiki
Jump to: navigation, search
Available languages — UMap/Guide
· Afrikaans · Alemannisch · aragonés · asturianu · Aymar aru · azərbaycanca · Bahasa Indonesia · Bahasa Melayu · bamanankan · 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î · Latina · latviešu · Lëtzebuergesch · lietuvių · Limburgs · 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 · Türkmençe · Vahcuengh · vèneto · walon · Wolof · Yorùbá · Zazaki · isiZulu · српски / srpski · авар · Аҧсшәа · башҡортса · беларуская · български · қазақша · Кыргызча · македонски · монгол · русский · тоҷикӣ · українська · Ελληνικά · Հայերեն · ქართული · नेपाली · भोजपुरी · मराठी · संस्कृतम् · हिन्दी · অসমীয়া · বাংলা · ਪੰਜਾਬੀ · ગુજરાતી · ଓଡ଼ିଆ · தமிழ் · తెలుగు · ಕನ್ನಡ · മലയാളം · සිංහල · བོད་ཡིག · ไทย · မြန်မာဘာသာ · ລາວ · ភាសាខ្មែរ · ⵜⴰⵎⴰⵣⵉⵖⵜ · አማርኛ · 한국어 · 日本語 · 中文(简体)‎ · 中文(繁體)‎ · 吴语 · 粵語 · ייִדיש · עברית · اردو · العربية · پښتو · سنڌي · فارسی · ދިވެހިބަސް
uMap legend in editing mode.

The uMap user guide in English.

Getting started

Creating a new map

  • Go to the homepage (http://umap.openstreetmap.fr/en/) and click on "Create a Map".
    Créer une carte avec uMap - étape 1.png
  • At this point, you can make edits. When you are done, click on "Save" to save your changes.
    Créer une carte avec uMap - étape 2.png

Creating a layer

  • Place your mouse on the third button on the left side.
    Créer un calque avec uMap - Etape0.PNG
  • Then, click on "Add Layer".
    Créer un calque avec uMap - Etape1.PNG
  • Give a name and a description to the layer.
    Créer un calque avec uMap - Etape2.PNG

By going to the settings of the layer (pen), you can:

Créer un calque avec uMap - Etape3.PNG
  • in "Advanced properties":
    • change the settings for all the points (color, shape, pictogram(?), etc.);
    • change the settings for all polygons and lines (opacity, thickness, fill color, etc.).
      Créer un calque avec uMap - Etape4.PNG
  • in "Remote Data":
    • import a new layer from GeoJSON
      Créer un calque avec uMap - Etape5.PNG
  • in "Advanced Actions":
    • delete, empty or clone the current layer
      Créer un calque avec uMap - Etape6.PNG

Then click "Save".

Adding a node marker

  • To add a marker point on the map, click on the 3rd button to the right, then click on the map to place your point where you want it.
    Créer un point avec uMap - Etape0.PNG
  • Choose on which layer you want to show this point. Give a name and a description to this marker.
    • Créer un point avec uMap - Etape1.PNG
  • To change the colour and shape of the marker, click on "Advanced properties". You can also change the pictogram rendered in the middle of the marker as well as the content template of the popup.
    Créer un point avec uMap - Etape2.PNG
  • To view the result, "Save" then click on "Disable edition".
    Créer un point avec uMap - Etape3.PNG
    Créer un point avec uMap - Etape4.PNG
  • To modify a marker, click on the pen, then click on the marker to modify.
    Créer un point avec uMap - Etape5.PNG
  • To remove a marker, click on "Advanced actions" then "Delete" or right-click on the marker and click "Delete this element".
    Créer un point avec uMap - Etape6.PNG

Then click "Save".

Creating a polygon

  • Click on the 2nd button to the right,
    Créer un polygone avec uMap - Etape0.PNG
  • then draw your polygon along your area of interest and come back to the first point to close your polygon;
    Créer un polygone avec uMap - Etape1.PNG
  • give a name and a description to the polygon.
    Créer un polygone avec uMap - Etape2.PNG
  • To change the colour, the opacity, the border weight, and so on, go to "Advanced properties".
    Créer un polygone avec uMap - Etape3.PNG
  • To remove the polygon, click on "Advanced action" then "Delete", or right-click on the polygon and "Delete this element".
    Créer un polygone avec uMap - Etape4.PNG

Then click "Save".

Editing map properties

To edit the properties of your map:

  • Click on the 5th button to the right.
    Editer les propriétés dune carte sur uMap - Etape0.PNG
  • Modify the name of your map, and add a description.
    Editer les propriétés dune carte sur uMap - Etape1.PNG

Using the integrated help

Adding / modifying data

Cloning a map

Deleting a map

Configure the display and interface

General

In "Display options", you can :

  • Decide to show (or hide) the "Plus" button and so allow users to access to more options when viewing the map:
    • show the button to switch map layers,
    • show the zoom button,
    • allow zooming in/out with the mouse roller,
    • show a locator minimap,
    • show the map scale,
    • etc.
    Editer les propriétés dune carte sur uMap - Etape2.PNG

In "Custom map background", you can:

  • Modify the default map to render, using the hyperlink URL you want.
    Editer les propriétés dune carte sur uMap - Etape3.PNG
  • Editer les propriétés dune carte sur uMap - Etape4.PNG

Adding custom data

Customizing the popup content

Browsing the data

Displaying a slideshow

Publicizing / sharing your map

Cooperating

Advanced actions

Exporting / importing data

  1. Import data from a file - solution more suitable for data that change rarely.
    • Click on the 4th button on right.
      Importer des données sur uMap - Etape0.PNG
    • Select your file by clicking on "Browse".
    • Then finalize by clicking on"Import".
      Importer des données sur uMap - Etape1.PNG

Use external data

  1. Import data from a query URL - this method is more suitable for data that change frequently, so they will be updated automatically.
    • Go to settings for your layer.
      Importer des données sur uMap - Etape2.PNG
    • Then click on "Remote data".
      Importer des données sur uMap - Etape3.PNG
    • Insert the URL hyperlink borrowed from Overpass Turbo (see Overpass Turbo for more help).

Then click "Save".