FR:UMap/Guide

From OpenStreetMap Wiki
Jump to: navigation, search
Langues disponibles — UMap/Guide
Afrikaans Alemannisch aragonés asturianu azərbaycanca Bahasa Indonesia Bahasa Melayu Bân-lâm-gú Basa Jawa Baso Minangkabau bosanski brezhoneg català čeština 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 português do Brasil română shqip slovenčina slovenščina Soomaaliga suomi svenska Tiếng Việt Türkçe Vahcuengh vèneto Wolof Yorùbá Zazaki српски / srpski беларуская български қазақша македонски монгол русский тоҷикӣ українська Ελληνικά Հայերեն ქართული नेपाली मराठी हिन्दी অসমীয়া বাংলা ਪੰਜਾਬੀ ગુજરાતી ଓଡ଼ିଆ தமிழ் తెలుగు ಕನ್ನಡ മലയാളം සිංහල ไทย မြန်မာဘာသာ ລາວ ភាសាខ្មែរ ⵜⴰⵎⴰⵣⵉⵖⵜ አማርኛ 한국어 日本語 中文(简体)‎ 吴语 粵語 中文(繁體)‎ ייִדיש עברית اردو العربية پښتو سنڌي فارسی ދިވެހިބަސް

Guide uMap en français


Créer une carte

Créer une carte avec uMap - étape 1.png

  • Vous pouvez maintenant éditer votre carte ; quand vous êtes satisfait du résultat, cliquez sur "Enregistrer" pour sauvegarder de façon permanente vos modifications :

Créer une carte avec uMap - étape 2.png

Créer un calque

  • Placez votre souris sur le troisième bouton à gauche,

Créer un calque avec uMap - Etape0.PNG


puis cliquez sur "Ajouter un calque".

Créer un calque avec uMap - Etape1.PNG


  • Donner un nom et une description au calque.

Créer un calque avec uMap - Etape2.PNG

  • Choisir le type de calque.

Type de calque.png

-Avec cluster : Regroupe les points qui se chevauchent sous forme d'un numéro qui affiche le nombre de point dans la zone concernée

-Heatmap : Crée une "Carte de chaleur" Cf. [Journal de Ybon[1]]

En allant dans les paramètres du calque (crayon) vous pourrez :

Créer un calque avec uMap - Etape3.PNG


- Dans "Paramètres avancés"

  • Changer les paramètres de tous les points (couleur, forme, picto, etc.)
  • Changer les paramètres de tous les polygones et lignes (opacité, épaisseur, couleur de remplissage, etc.)

Créer un calque avec uMap - Etape4.PNG


- Dans "Données distantes"

  • Importer l'URL Geojson

Créer un calque avec uMap - Etape5.PNG


- Dans "Actions avancées"

  • Supprimer des couches

Créer un calque avec uMap - Etape6.PNG


Puis "Enregistrer".

Ajouter un point

  • Pour ajouter un point sur la carte, cliquez sur le 3e bouton à droite, puis placez votre point à l'endroit où vous le souhaitez.

Créer un point avec uMap - Etape0.PNG


  • Choisissez sur quelle couche vous souhaitez que le point apparaisse. Donnez un nom et une description au point.

Créer un point avec uMap - Etape1.PNG


  • Pour changer la couleur et la forme du point, cliquez sur "Propriétés avancées". Vous pourrez également changer le pictogramme présent à l'intérieur du point ainsi que le gabarit du pop up.

Créer un point avec uMap - Etape2.PNG


  • Pour visionner le résultat, "Enregistrer" puis cliquez sur "Désactiver l'édition".

Créer un point avec uMap - Etape3.PNG


Créer un point avec uMap - Etape4.PNG


  • Pour modifier un point, cliquez sur le crayon, puis cliquez sur le point à modifier.

Créer un point avec uMap - Etape5.PNG


  • Pour supprimer un point, cliquez sur "Actions avancées" puis "Supprimer" ou faites un clic droit sur le point et cliquez sur "Supprimer cet élément".

Créer un point avec uMap - Etape6.PNG


Puis "Enregistrer".

Dessiner un polygone

  • Cliquez sur le 2e bouton à droite,

Créer un polygone avec uMap - Etape0.PNG puis tracer votre polygone suivant la zone qui vous intéresse et revenez sur le premier point pour fermer votre polygone. Créer un polygone avec uMap - Etape1.PNG


  • Donner un nom et une description au polygone.

Créer un polygone avec uMap - Etape2.PNG


  • Pour changer la couleur, l'opacité, l'épaisseur, etc., allez dans "Propriétés avancées".

Créer un polygone avec uMap - Etape3.PNG


  • Pour supprimer le polygone, cliquez sur "Action avancée" puis "Supprimer" ou faites un clic droit sur le polygone et cliquez sur "Supprimer cet élément".

Créer un polygone avec uMap - Etape4.PNG


Puis "Enregistrer".

Dessiner une ligne

  • Cliquez sur le 1er bouton à droite.

Créer des lignes avec uMap - Etape0.PNG


Puis tracer vos lignes suivant la zone qui vous intéresse et revenez sur le premier point pour fermer la zone.

Créer des lignes avec uMap - Etape1.PNG


  • Donner un nom et une description.

Créer des lignes avec uMap - Etape2.PNG


  • Pour changer la couleur, l'opacité, l'épaisseur, etc., allez dans "Propriétés avancées".

Créer des lignes avec uMap - Etape3.PNG


  • Pour supprimer le polygone, cliquez sur "Action avancée" puis "Supprimer".

Créer des lignes avec uMap - Etape4.PNG


Puis "Enregistrer".

Importer des données

Vous avez deux solutions :

1) Importer un fichier (Data) - Plus adaptée pour les données qui changent rarement'.

  • Cliquez sur 4e bouton à droite.

Importer des données sur uMap - Etape0.PNG

  • Sélectionner votre fichier en cliquant sur "Parcourir".
  • Puis finalisez en cliquant sur "Importer".

Importer des données sur uMap - Etape1.PNG


2) Importer un lien URL (Query) avec Overpass - À l'inverse, cette méthode est plus adaptée pour les données qui changent souvent. Ainsi, elles seront mises à jour automatiquement.

  • Allez sur overpasset ciblez la zone de la requête. Pour cela, cliquez sur " sélection manuelle des limites bbox ", à gauche de la carte.
  • Allez dans l'onglet "assistant", et entrez les tags de votre requête (exemple : amenity=bench). Puis, cliquez sur " construire et exécuter une requête "
  • Allez dans l'onglet exporter, puis dans la partie Requêtes et sélectionnez compact.
  • Copiez le texte brut de la requête et pensez à décoder la requête avec un site comme celui-ci. Récupérez directement la requête.
  • Si des coordonnées GPS sont stockées dans la requête, remplacez-les par "({south},{west},{north},{east})".
  • Le résultat des manipulations devrait ressembler à ceci pour une requête sur les églises :
http://overpass-api.de/api/interpreter?data=[out:json][timeout:15];(node["building"="church"]({south},{west},{north},{east});way["building"="church"]({south},{west},{north},{east});relation["building"="church"]({south},{west},{north},{east}););out body;>;out skel qt;
  • Sous Umap, allez dans les paramètres du calque,

Importer des données sur uMap - Etape2.PNG

puis cliquez sur "Données distantes".

Importer des données sur uMap - Etape3.PNG
  • Ajoutez dans l'url le lien précédemment construit avec la requête sur les données. Sélectionnez le format osm et cochez l'option dynamique. Si les données recherchées sont denses dans OpenStreetMap, pensez à limiter le chargement de ces données sur des zooms élevés (zoom 16 par exemple).
  • Sélectionnez "Enregistrer" dans la partie supérieure.
  • Les données devraient maintenant s'afficher dans votre calque. Un exemple de résultat pour les églises est disponible ici.
Umap exemple résultat requête Overpass.png

Editer les propriétés d'une carte

  • Pour éditer les propriétés d'une carte, cliquez sur le 5e bouton à droite.

Editer les propriétés dune carte sur uMap - Etape0.PNG


  • Modifier le nom de votre carte, ajoutez-y une description.

Editer les propriétés dune carte sur uMap - Etape1.PNG


Dans "Options d'affichage", vous pourrez :

  • Décider d'afficher ou non le bouton "Plus" et ainsi permettre aux utilisateurs d'accéder à plus d'options.
    • Afficher le bouton switcheur de couches
    • Afficher le bouton de zoom
    • Autoriser le zoom avec la molette
    • Afficher une mini-carte de situation
    • Afficher l'échelle de la carte
    • etc.

Editer les propriétés dune carte sur uMap - Etape2.PNG


Dans "Fond de carte custom", vous pourrez modifier le fond de carte en insérant un lien URL.

Editer les propriétés dune carte sur uMap - Etape3.PNG


Dans "Actions avancées", vous pourrez :

  • Supprimer une carte
  • Dupliquer une carte

Editer les propriétés dune carte sur uMap - Etape4.PNG

Légende de la carte

Légende dune carte sur uMap.PNG