umap/docs-users/fr/tutorials/4-customize-map.md

162 lines
7.1 KiB
Markdown
Raw Normal View History

2024-05-01 15:25:17 -05:00
!!! 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](3-create-account.md)), 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
2024-05-02 13:56:27 -05:00
![umap_edit.png](../../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_edit.png)
2024-05-01 15:25:17 -05:00
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](1-browsing-a-map.md)
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.
2024-05-02 13:56:27 -05:00
![umap_edit_background.png](../../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_edit_background.png)Cliquez sur
2024-05-01 15:25:17 -05:00
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
2024-05-02 13:38:15 -05:00
EuroVélo (Côte Atlantique, Loire à Vélo…)
2024-05-01 15:25:17 -05:00
- **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](http://wiki.openstreetmap.org/wiki/FR:Humanitarian_OSM_Team)
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.
2024-05-02 13:56:27 -05:00
![umap_edit_props.png](../../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_edit_props.png)
2024-05-01 15:25:17 -05:00
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
2024-05-02 13:56:27 -05:00
sur le bouton ![umap_plus.png](../../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_plus.png). Les boutons
2024-05-01 15:25:17 -05:00
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 :
2024-05-02 13:56:27 -05:00
![umap_properties_bottom.jpg](../../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_properties_bottom.jpg)
2024-05-01 15:25:17 -05:00
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
2024-05-02 13:56:27 -05:00
![umap_share.png](../../static/tutoriels/4-je-modifie-et-personnalise-ma-carte/umap_share.png)
2024-05-01 15:25:17 -05:00
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).