FR:UMap/Guide

From OpenStreetMap Wiki
Jump to: navigation, search
Langues disponibles — UMap/Guide
· English · français · 日本語

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