Ajouter un point, une ligne sur la carte

Créer un point : marche à suivre


  • image umap_edit.png (1.1kB)
    passez en mode édition en cliquant sur le petit crayon


  • image umap_edit_marker.png (1.2kB)
    cliquez sur l'îcone marqueur. Le curseur prend la forme d'un signe + : déplacez le sur le lieu que vous voulez marquer et cliquez avec le bouton gauche de la souris : un marqueur bleu et carré est créé à cet endroit et un panneau apparaît à droite.

  • Le panneau qui s'ouvre à droite vous permet de customiser votre point (taille, couleur, icône, comportement, infobulle...)
    • à minima, donnez lui un nom, celui-ci sera affiché par défaut lors du survol du point par la souris.
    • vous pouvez aussi lui donner une description (nom et description seront visibles dans un popup quand le visiteur cliquera sur le point)
  • Ci-dessous vous trouverez le détail des customisations possibles. Une fois celles-ci opérées, n'oubliez pas d'enregistrer
Répétez l'opération pour ajouter les autres points que vous jugez utiles à votre carte.

Modifier l'apparence et le comportement de votre point


Le nom que vous indiquerez sera affiché par défaut lors du survol du point par la souris.

La description (peut-être largement customisée avec images, vidéo, textes... : voir ci-dessous). Elle sera visible lorsqu'on cliquera sur le point.

image umapnomdescr.png (84.1kB)
Dans "Propriétés de la forme"

  • Couleur : cliquer sur définir permet de choisir une couleur.

  • Forme de l'icône : le choix Par défaut correspond au marqueur actuel, les autres choix sont Cercle, Goutte et Épingle.

  • Image de l'icône : cliquer sur définir pour choisir parmi une centaine de pictogrammes. Notez que le picto n'est affiché que pour les formes d'icônes Par défaut et Goutte.
image umappropforme.png (0.1MB)

Dans "Options d'interaction"
Pour aider l'identification des différents éléments de notre carte, nous pouvons leur associer une étiquette.
  • Style de popup permet de contrôler la façon dont le titre et la description sont rendues visibles lors du clic sur le point
    • Nom et description (rendu par défaut) : affiche le nom de l'élément en gras et en dessous la description le tout dans un popup "basique"
    • Nom et description (large) : idem que Nom et description mais dans un popup plus large (convient parfois mieux quand la description est longue)
    • Tableau : montre les infos sous forme de tableau
      • colonne de gauche : titre -nom, description...-
      • colonne de droite la valeur
      • parfois utilisé quand les données proviennent d'un tableur
    • Panneau latéral : ouvre un panneau latéral avec le nom et la description de l'élément
  • Afficher une étiquette active son affichage, elle est alors placée automatiquement
  • Direction de l'étiquette vous permet de fixer la position, à droite ou à gauche de l'élément, ou encore au-dessus ou en-dessous
  • Afficher seulement au survol de la souris est une option intéressante si la carte est dense : afficher toutes les étiquettes surchagerait la carte
  • Étiquette cliquable permet d'afficher l'infobulle correspondante si l'utilisateur clique sur l'étiquette, et non seulement en cas de clic sur la géométrie de l'élément.

image umapOptionsinteraction.png (0.1MB)

Dans "Coordonnées"

Les coordonnées précises de votre point sont indiquées.
Vous pouvez les modifier "à la main" via cette interface (pour les faire coller précisément avec des relevés de terrain par exemple)
image umapcoordo.png (68.6kB)

Pour modifier un point de la carte, plusieurs possibilités s'offrent à vous :
  • un clic sur le point vous permet soit d'afficher le panneau d'édition (stylo), soit de supprimer le point (corbeille)
  • un glisser-déposer vous permet de déplacer un point "mal situé" sur la carte

Créer une ligne : marche à suivre

image umap_edit_line.png (1.1kB)
Le bouton Dessiner une ligne permet de tracer, point par point, une ligne constiutée de plusieurs segments. Cliquez à nouveau sur le dernier point tracé pour terminer la ligne : apparaît alors à droite un panneau permettant de donner un nom et une description et des options d'intraction à la ligne, comme pour les points.
Merci à notre pour l'agence Wordpress.

Modifier une ligne

A tout moment vous pouvez sélectionner une ligne en double-cliquant dessus. Vous pouvez alors éditer ses propriétés dans le panneau latéral, ou modifier son tracé sur la carte :
  • supprimer un point de la ligne, matérialisé par un carré blanc, en cliquant dessus
  • déplacer un point par un glisser-déposer
  • insérer un point en cliquant sur un carré gris se trouvant au milieu de chaque segment
  • allonger la ligne avec un Ctrl-Clic lorsque le curseur est placé sur le premier ou dernier point
  • couper la ligne en deux : Clic droit sur un point puis choisir l'option Scinder la ligne
image umap_ligne.jpg (50.8kB)

Modifier l'apparence de votre ligne

Les propriétés d'une ligne permettent de définir sa couleur et d'autres paramètres définissant son style :
  • l'opacité va de transparent à gauche à totalement opaque à droite. Plus le trait est épais plus il peut être transparent.
  • l'épaisseur est définie en pixels, sa valeur par défaut est 3 : glisser le curseur vers la droite pour un trait plus épais (qui sera plus facile à sélectionner).

Les propriétés avancées permettent de :
  • simplifier le tracé permet de réduire le nombre de points pour l'adapter au niveau de zoom. Il est en général inutile de simplifier un tracé réalisé à la main.
  • définir un traitillé, par une série de chiffres séparés par des virgules : longueur (en pixels) visible, longueur invisible, longueur visible, etc. L'épaisseur du trait doit être prise en compte : plus les traits sont épais plus les intervalles doivent être grands.

image umap_ligne_props.png (53.4kB)

Partenaire SEO : Maxime GUINARD