Le document présente Umap, un outil gratuit et open source pour créer des cartes personnalisées et interactives, permettant d'importer des données et d'ajouter des contenus variés. Il décrit les étapes nécessaires pour créer une carte, y compris la nomination, l'ajout de contenu, et la configuration des options. Il mentionne également l'importance de gérer les comptes utilisateurs pour la visualisation et l'édition des cartes.

1. Créer sa carte avec umap

2. 16/05/2017Carto'CITÉ 2
umap.openstreetmap.fr
✔ Un outil pour créer vos cartes
personnalisées et interactives
✔ Un service en ligne gratuit
✔ Un logiciel open source
✔ Import de données
✔ Popups personnalisées
✔ Les cartes peuvent être intégrées
dans un site Web par une iframe
Ce qu'est umap
uma
p

3. 16/05/2017Carto'CITÉ 3
Les éléments
d'une carte
1. Sur umap.openstreetmap.fr, recherchez une
carte 'vélo' ou 'rando', affichez-la.
2. Manipulez la carte et notez les éléments qui
constituent la carte.
3. Nous rangerons ensuite chaque élément dans
une des catégories suivantes :
contenu / habillage / interaction / autre
A vous de jouer !

4. 16/05/2017Carto'CITÉ 4
Éléments d'une carte interactive
Contenu
Points d'intérêt
Itinéraires
Surfaces
Popups
Habillage
Titre
Auteur
Echelle
Légende
Interaction
Zoom avant / arrière
Sélecteur de calque
Géolocalisation
Recherche de lieu
Partage de la carte
Autre
Fond de carte

5. 16/05/2017Carto'CITÉ 5
Etapes de création d'une carte
1. Nommer la carte (définit son URL)
2. Ajouter du contenu
- marqueurs, lignes, polygones
- description des éléments
3. Configurer la carte
- définir les options d'interface
- choisir le fond de carte
- définir l'emprise de la carte
4. Enregistrer les modifications

6. 16/05/2017Carto'CITÉ 6
Ajouter un élément sur la carte
Nouvel élément

7. 16/05/2017Carto'CITÉ 7
Utiliser un compte ou pas
Carte anonyme
✔ Tout le monde peut voir la carte
✔ Attention à ne pas perdre le lien secret !
Carte associée à un compte
✔ Toutes ses cartes sont dans votre catalogue
✔ Possibilité de définir qui peut voir la carte et qui
peut l'éditer
✔ Compte associé au compte OpenStreetMap,
ou Twitter ou Github ou Bitbucket

8. 16/05/2017Carto'CITÉ 8
Créez votre
première carte
1. Connectez-vous sur umap.openstreetmap.fr
2. Créez une carte :
✔ nommez la carte
✔ ajoutez du contenu
✔ configurez la carte
✔ sauvegardez les modifications
A vous de jouer !

9. 16/05/2017Carto'CITÉ 9
ATTENTION !
Mode consultation ≠ mode édition
Quitter le mode édition pour voir les popups
Petite astuce
Utiliser deux onglets du navigateur :
– un onglet en mode édition
– un onglet en mode consultation

10. 16/05/2017Carto'CITÉ 13
Utiliser des calques
Le lecteur de la carte :
✔ comprend ce que contient chaque calque
✔ peut cacher / afficher chaque calque
✔ peut zoomer sur le contenu d'un calque
L'éditeur de la carte peut :
✔ définir des propriétés par défaut sur le calque
(couleur, symbole, type de popup)
✔ importer des données dans un calque

11. 16/05/2017Carto'CITÉ 16
Merci !
Pour aller plus loin :
http://wiki.cartocite.fr/doku.php?id=umap:tutoriel_umap
Florian Lainez
Consultant indépendant
florian@lainez.fr
06 31 02 71 08