181 lines
8.1 KiB
Markdown
181 lines
8.1 KiB
Markdown
|
!!! abstract "Ce que nous allons apprendre"
|
|||
|
|
|||
|
- Créer des calques et organiser le contenu de la carte
|
|||
|
- Définir les propriétés d’un calque
|
|||
|
- Gérer les calques d’une carte
|
|||
|
|
|||
|
## Procédons par étapes
|
|||
|
|
|||
|
### 1. Créer un calque
|
|||
|
|
|||
|
Reprenons la [carte du Festival des 3 continents](http://u.osmfr.org/m/26381/)
|
|||
|
vu dans le tutoriel [Je consulte une carte uMap](1-browsing-a-map.md). Les
|
|||
|
données de cette carte sont organisées en plusieurs calques :
|
|||
|
|
|||
|
- les cinémas : marqueurs jaunes
|
|||
|
- les autres lieux du festival : marqueurs bruns
|
|||
|
- les lignes de transport en commun
|
|||
|
- les stations de vélo-partage Bicloo
|
|||
|
|
|||
|
![umap_calques_gauche_droite.jpg](../../static/tutoriels/6-je-structure-ma-carte-avec-des-calques/umap_calques_gauche_droite.jpg)
|
|||
|
|
|||
|
Le sélecteur de calques permet à l’utilisateur de zoomer sur l’ensemble
|
|||
|
des éléments d’un calque, de le masquer ou l’afficher à loisir. Chaque
|
|||
|
calque peut être décrit dans le panneau latéral de la carte. Organiser
|
|||
|
les éléments d’une carte est donc pratique pour consulter la carte, nous
|
|||
|
verrons aussi que cela permet de faciliter sa création.
|
|||
|
|
|||
|
![umap_edit_layers.png](../../static/tutoriels/6-je-structure-ma-carte-avec-des-calques/umap_edit_layers.png)
|
|||
|
|
|||
|
Le menu **Gérer les
|
|||
|
calques**, disponible en mode édition, affiche la liste des calques
|
|||
|
existants et permet de créer un nouveau calque. Cliquez ensuite sur
|
|||
|
**Ajouter un calque**, apparaît alors le panneau **Propriétés de la
|
|||
|
couche** du nouveau calque (*calque* ou *couche*, les deux termes sont
|
|||
|
équivalents).
|
|||
|
|
|||
|
![](../../static/tutoriels/6-je-structure-ma-carte-avec-des-calques/umap_layer_props_top.png)
|
|||
|
|
|||
|
Saisissez le nom du calque et une description de la catégorie d’éléments
|
|||
|
auxquels vous destinez ce calque : ils seront affichés dans le panneau
|
|||
|
**À propos**. Ci-dessous le résultat correspondant aux propriétés
|
|||
|
saisies à droite.
|
|||
|
|
|||
|
![umap_layer_description.png](../../static/tutoriels/6-je-structure-ma-carte-avec-des-calques/umap_layer_description.png)
|
|||
|
|
|||
|
!!! note
|
|||
|
Sautez une ligne en début de description
|
|||
|
pour celle-ci apparaisse **sous** le nom du calque et non à côté dans le
|
|||
|
panneau À propos.
|
|||
|
|
|||
|
### 2. Organiser le contenu de la carte
|
|||
|
|
|||
|
|
|||
|
Lorsque vous
|
|||
|
ajoutez un élément à la carte, en haut du panneau de propriétés de
|
|||
|
l’élément se trouve un **menu déroulant** qui vous permet de choisir le
|
|||
|
calque où placer l’élément.
|
|||
|
|
|||
|
![umap_layer_select.png](../../static/tutoriels/6-je-structure-ma-carte-avec-des-calques/umap_layer_select.png)
|
|||
|
|
|||
|
Il est bien sûr possible de changer le calque d’un élément déjà créé.
|
|||
|
N’hésitez donc pas, lorsque votre carte s’enrichit, à *restructurer* son
|
|||
|
contenu en plusieurs couches.
|
|||
|
|
|||
|
#### Comment définir les calques d’une carte ?
|
|||
|
|
|||
|
Il n’y a pas de méthode établie pour définir les calques : cela dépend
|
|||
|
vraiment des données placées sur la carte et de l’expérience du
|
|||
|
cartographe. Voici, pour quelques thématiques de cartes et à titre
|
|||
|
d’exemples, une proposition de listes de calques :
|
|||
|
|
|||
|
- tourisme : hébergement, restauration, transports, musées, points de
|
|||
|
vue…
|
|||
|
- logistique d’un festival : accès, scènes, restauration, sanitaires,
|
|||
|
déchets, postes de secours, réseau électrique…
|
|||
|
- événement à portée internationale : un ou plusieurs calques par
|
|||
|
langue
|
|||
|
- structures d’un réseau : structures porteuses, adhérentes au réseau,
|
|||
|
partenaires
|
|||
|
- projet d’aménagement : les différents scénarios ou variantes du
|
|||
|
projet
|
|||
|
|
|||
|
Nous verrons plus loin que lorsqu’une carte est intégrée à une page Web,
|
|||
|
il est possible de créer plusieurs présentations de la même carte, et de
|
|||
|
sélectionner pour chacune quels calques sont visibles. Vous pourrez
|
|||
|
donc, à partir d’une même carte uMap, diffuser plusieurs cartes dont le
|
|||
|
contenu est adapté au public visé par chacune des cartes.
|
|||
|
|
|||
|
Ainsi pour une carte multi-lingues vous pourrez diffuser la carte en
|
|||
|
différentes langues en sélectionnant le ou les calques de chaque langue.
|
|||
|
Pour l’exemple d’une carte de la logistique d’un festival, vous pourrez
|
|||
|
ainsi diffuser une carte vers le public (accès, scènes, restauration,
|
|||
|
sanitaires), une autre vers les équipes techniques (sanitaires, déchets,
|
|||
|
réseau électrique), une troisième vers la sécurtié civile (accès, postes
|
|||
|
de secours, réseau électrique), etc.
|
|||
|
|
|||
|
### 3. Définir les propriétés d’un calque
|
|||
|
|
|||
|
Un intérêt majeur de l’utilisation des calques est la possibilité de
|
|||
|
définir, pour chaque calque, le **style par défaut** des éléments qui
|
|||
|
seront ajoutés au calque. Vous éviterez ainsi la tâche fastidieuse de
|
|||
|
définir un à un le style de chaque élément et la carte sera nettement
|
|||
|
plus *lisible* car homogène. Surtout, si vous décidez que les cinémas
|
|||
|
doivent être affichés non plus en jaune mais en rouge, vous ne ferez la
|
|||
|
modification qu’une seule fois pour l’ensemble du calque et non pour
|
|||
|
chacun des éléments.
|
|||
|
|
|||
|
![](../../static/tutoriels/6-je-structure-ma-carte-avec-des-calques/umap_layer_edit.png)
|
|||
|
|
|||
|
Dans le
|
|||
|
panneau de gestion des calques cliquez sur le crayon pour éditer les
|
|||
|
propriétés du calque. Les onglets **Propriétés de la forme** et
|
|||
|
**Propriétés avancées** vous permettent de définir les styles par défaut
|
|||
|
du calque. Vous retrouvez les mêmes propriétés que celles utilisées dans
|
|||
|
le tutoriel
|
|||
|
[J’utilise un compte et crée une belle carte](3-create-account.md).
|
|||
|
|
|||
|
![umap_legende.png](../../static/tutoriels/6-je-structure-ma-carte-avec-des-calques/umap_legende.png)
|
|||
|
|
|||
|
Toutes les propriétés, qui
|
|||
|
s’appliquent aux marqueurs, aux lignes et aux polygones, sont ici
|
|||
|
disponibles. Un calque peut en effet contenir indifféremment les trois
|
|||
|
types d’éléments, vous pouvez donc définir les propriétés par défaut
|
|||
|
pour chaque catégorie.
|
|||
|
|
|||
|
Une remarque toutefois : vous pouvez définir **une et une seule
|
|||
|
couleur**, qui s’applique à tous les éléments quel que soit leur type.
|
|||
|
Cette contrainte vise à créer une carte lisible, en associant une
|
|||
|
couleur à chaque calque. Cette couleur apparaît en **légende du panneau
|
|||
|
À propos**, comme dans l’exemple ci-contre.
|
|||
|
|
|||
|
### 4. Gérer les calques
|
|||
|
|
|||
|
|
|||
|
Revenons au **panneau de gestion des calques**. Nous avons vu comment
|
|||
|
créer un nouveau calque et définir ses propriétés.
|
|||
|
|
|||
|
![](../../static/tutoriels/6-je-structure-ma-carte-avec-des-calques/umap_gestion_calques.png)
|
|||
|
|
|||
|
Le carré à droite permet de modifier l’**ordre des calques** par un
|
|||
|
glisser-déposer. L’ordre ainsi défini est celui que l’on retrouve dans
|
|||
|
le sélecteur de calques et dans la liste des calques du panneau À
|
|||
|
Propos.
|
|||
|
|
|||
|
L’oeil permet de cacher/afficher un calque et la loupe de zoomer sur son
|
|||
|
contenu, comme pour le sélecteur de calques. Nous verrons plus loin
|
|||
|
l’utilité d’**Éditer dans un tableau** le contenu du calque. **Supprimer
|
|||
|
le calque** vous demandera de confirmer l’opération, cette opération
|
|||
|
supprimant le contenu du calque.
|
|||
|
|
|||
|
![](../../static/tutoriels/6-je-structure-ma-carte-avec-des-calques/umap_layer_advanced.png)
|
|||
|
|
|||
|
Enfin, l’onglet **Actions avancées** permet de vider un calque : cela
|
|||
|
supprime ses données mais conserve le calque. Vous pouvez également
|
|||
|
**cloner un calque** : cette opération copie le contenu et les
|
|||
|
propriétés du calque.
|
|||
|
|
|||
|
|
|||
|
!!! note
|
|||
|
Pour créer rapidement un nouveau calque dont
|
|||
|
les propriétés sont proches d’un calque existant, vous pouvez cloner le
|
|||
|
calque initial puis renommer le clone et vider son contenu.
|
|||
|
|
|||
|
## Faisons le point
|
|||
|
|
|||
|
S’il est un peu abstrait, le concept de calques est un des atouts de
|
|||
|
uMap. Au moment de créer un carte, prenez le temps de définir les
|
|||
|
principaux calques en anticipant les usages et les mises à jours de la
|
|||
|
carte. Familiarisez-vous à l’utilisation des calques, nous en ferons une
|
|||
|
grande utilisation dans le niveau avancé.
|
|||
|
|
|||
|
Nous avons à présent tous les éléments pour réaliser des cartes
|
|||
|
structurées, utiles, dont le contenu est riche et joli. Il est temps
|
|||
|
d’apprendre à publier une carte sur un site internet, c’est l’objet du
|
|||
|
[prochain tutoriel](7-publishing-and-permissions.md).
|
|||
|
|
|||
|
|
|||
|
??? info "Licence"
|
|||
|
|
|||
|
Travail initié par Antoine Riche sur [Carto’Cité](https://wiki.cartocite.fr/doku.php?id=umap:6_-_je_structure_ma_carte_avec_des_calques) sous licence [CC-BY-SA 4](https://creativecommons.org/licenses/by-sa/4.0/deed.fr).
|