umap/docs-users/fr/tutorials/4-customize-map.md
2024-05-08 21:17:01 -04:00

7.1 KiB
Raw Blame History

!!! abstract "Ce que nous allons apprendre"

- Gérer son catalogue de cartes
- Choisir un fond de carte
- Sélectionner les options dinterface

Procédons par étapes

1. Retrouver une carte

Vous souhaitez modifier une carte pour laméliorer ou la mettre à jour. Si vous avez redémarré votre navigateur et à fortiori votre ordinateur, la première chose à faire est de retrouver la carte ! Si vous avez créé cette carte avec votre compte comme nous lavons vu dans le tutoriel Jutilise un compte et crée une belle carte), afficher une de vos cartes se fait en trois opérations simples :

  1. connectez-vous à votre compte umap
  2. affichez votre catalogue de cartes
  3. cliquez sur le nom de la carte, affiché sous laperçu de la carte

umap_edit.png

La carte saffiche alors en mode consultation. Cliquez sur le crayon en haut à droite de la carte pour passer en mode édition : vous pouvez dès lors modifier la carte. Noubliez pas de sauvegarder la carte une fois les modifications terminées.

!!! note

Il peut être fastidieux de passer du mode édition au
mode consultation et vice-versa de façon répétée. Une astuce consiste à
utiliser pour la même carte deux onglets ou deux navigateurs, lun en
mode édition lautre en mode consultation. Vous devez tout de même
**enregistrer** la carte dans longlet en mode édition avant de
l**actualiser** (par exemple avec la touche F5) dans longlet en mode
consultation.

Vous pouvez retourner à votre catalogue de cartes à tout moment en cliquant sur Accueil tout en bas à droite de la carte.

2. Changer le fond de carte

Nous avons vu dans le tutoriel Je consulte une carte uMap que plusieurs fonds de carte sont disponibles dans uMap. Lorsque vous éditez une carte vous pouvez choisir le fond de carte qui sera utilisé à laffichage de la carte.

umap_edit_background.pngCliquez sur le pictogramme Changer le fond de carte : un panneau à droite montre une vingtaine de fonds de cartes. Il vous suffit de cliquer sur lun deux : faites votre choix et noubliez pas denregistrer la modification.

Le choix du fond de carte est une affaire de goût. Le contexte de la carte peut vous aider à en choisir un plutôt quun autre, par exemple :

  • les fonds Outdoors, Landscape ou OpenTopoMap montrent le relief : judicieux pour une carte de randonnée
  • OpenCycleMap montre les grands itinéraires cyclistes, comme les EuroVélo (Côte Atlantique, Loire à Vélo…)
  • Positron, Toner et OSM-Monochrome sont en noir et blanc
    vos marqueurs, lignes et polygones seront plus visibles
  • le style HOTOSM, créé par le groupe humanitaire dOpenStreetMap, permet daller jusquà un niveau de zoom élevé (niveau 20) : intéressant si létendue de votre carte couvre un quartier ou votre jardin

!!! note

Tous les fonds de carte utilisés par umap, à
lexception des images aériennes de lIGN, sont réalisées à partir des
données OpenStreetMap. Ils sont produits par des associations, des
entreprises ou des bénévoles qui les mettent gracieusement à
disposition.

Remarquez le texte affiché en bas à droite de la carte : il crédite les
auteurs du fond de carte, par exemple
`Map tiles by Stamen Design - Map Data © OpenStreetMap contributors`.

3. Choisir les options dinterface

Vous pouvez configurer les éléments de la carte mis à disposition des utilisateurs qui consulteront votre carte. Vous pouvez par exemple ajouter une mini-carte de situation ou une barre de légende, ou encore décider quels boutons seront affichés.

umap_edit_props.png

Pour cela, ouvrez dans le menu Éditer les paramètres longlet Options dinterfaces. Vous pouvez activer ou désactiver une dizaine doptions dont voici la signification.

Apparaît alors un long tableau de bord qui vous permet, pour chacun des boutons sur la gauche de la carte, de contrôler leur visibilité :

  • toujours indique que le bouton est toujours visible pour lutilisateur
  • jamais signifie que le bouton ne sera pas disponible
  • caché signifie que le bouton nest accessible quaprès un clic sur le bouton umap_plus.png. Les boutons cachés ne seront bien sûr accessibles que si loption Voulez-vous afficher le bouton "Plus" ? (plus bas sur le tableau de bord) est activée.

La partie basse du tableau de bord ne concerne pas ces boutons mais dautres éléments venant habiller la carte :

umap_properties_bottom.jpg

Quelques remarques :

  • si vous cachez les boutons de zoom et désactivez le zoom avec la molette de la souris, les utilisateurs ne pourront ni zoomer ni dézoomer … sauf à découvrir le menu accessible avec un clic droit sur la carte.
  • les boutons de navigation en bas des popups permettent de faire défiler les éléments de la carte

umap_share.png

Notez que ces options - et quelques autres - sont également disponibles en Options dexport de liframe du menu Exporter et partager carte, où elles permettent de contrôler les mêmes options dinterface lorsque la carte est intégrée dans une page Web.

4. Copier ou supprimer une carte

Tout en bas des Propriétés de la cartes, longlet Options avancées propose deux opérations peu utilisées mais quil est bon de connaître :

  • Supprimer supprime la carte du serveur umap, ainsi que les données qui y sont associées !
  • Cloner cette carte effectue une copie de la carte et de ses données. La nouvelle carte est ajoutée à votre catalogue.

Dans les deux cas un message vous demande de confirmer lopération.

Faisons le point

Ce tutoriel nous mène à la fin du niveau débutant. Vous savez créer, modifier et personnaliser une carte. Vous savez styliser vos marqueurs, lignes et polygones. Enfin vous savez gérer votre catalogue de cartes.

Une fois ces opérations maîtrisées, les tutoriels de niveau intermédiaire vous apprendront à structurer vos cartes avec des calques et enrichir le contenu de vos popups. Vous découvrirez également comment publier une carte sur un site Web, et définir qui peut la voir et la modifier.

??? info "Licence"

Travail initié par Antoine Riche sur [CartoCité](https://wiki.cartocite.fr/doku.php?id=umap:4_-_je_modifie_et_personnalise_ma_carte) sous licence [CC-BY-SA 4](https://creativecommons.org/licenses/by-sa/4.0/deed.fr).