SlideShare une entreprise Scribd logo
Créer sa carte avec umap
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
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 !
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
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
16/05/2017Carto'CITÉ 6
Ajouter un élément sur la carte
Nouvel élément
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
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 !
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
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
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

Contenu connexe

Plus de Florian Lainez

Jungle bus - SotM-fr 2017 - 2 juin
Jungle bus - SotM-fr 2017 - 2 juinJungle bus - SotM-fr 2017 - 2 juin
Jungle bus - SotM-fr 2017 - 2 juin
Florian Lainez
 
Introduction OpenStreetMap, l'Open Data du territoire
Introduction OpenStreetMap, l'Open Data du territoireIntroduction OpenStreetMap, l'Open Data du territoire
Introduction OpenStreetMap, l'Open Data du territoire
Florian Lainez
 
Osm goes indoors - Where Camp Berlin 2016
Osm goes indoors - Where Camp Berlin 2016Osm goes indoors - Where Camp Berlin 2016
Osm goes indoors - Where Camp Berlin 2016
Florian Lainez
 
Cartographie des gares de paris - SNCF Transilien - Carto'Cité
Cartographie des gares de paris - SNCF Transilien - Carto'CitéCartographie des gares de paris - SNCF Transilien - Carto'Cité
Cartographie des gares de paris - SNCF Transilien - Carto'Cité
Florian Lainez
 
Socle de cartographie SNCF - OpenStreetMap GeoServices
Socle de cartographie SNCF - OpenStreetMap GeoServicesSocle de cartographie SNCF - OpenStreetMap GeoServices
Socle de cartographie SNCF - OpenStreetMap GeoServices
Florian Lainez
 
Cartographie indoor dans OpenStreetMap - SNCF Transilien
Cartographie indoor dans OpenStreetMap - SNCF TransilienCartographie indoor dans OpenStreetMap - SNCF Transilien
Cartographie indoor dans OpenStreetMap - SNCF Transilien
Florian Lainez
 
Carto indoor et multiniveaux des gares SNCF Transilien - OpenStreetMap
Carto indoor et multiniveaux des gares SNCF Transilien - OpenStreetMapCarto indoor et multiniveaux des gares SNCF Transilien - OpenStreetMap
Carto indoor et multiniveaux des gares SNCF Transilien - OpenStreetMap
Florian Lainez
 
La cartographie Libre avec OpenStreetMap
La cartographie Libre avec OpenStreetMapLa cartographie Libre avec OpenStreetMap
La cartographie Libre avec OpenStreetMap
Florian Lainez
 
Firefox 4 et autres projets Mozilla
Firefox 4 et autres projets MozillaFirefox 4 et autres projets Mozilla
Firefox 4 et autres projets Mozilla
Florian Lainez
 
Présentation Mozilla Labs
Présentation Mozilla LabsPrésentation Mozilla Labs
Présentation Mozilla LabsFlorian Lainez
 
Présentation Firefox 3.5 à Toulibre
Présentation Firefox 3.5 à ToulibrePrésentation Firefox 3.5 à Toulibre
Présentation Firefox 3.5 à ToulibreFlorian Lainez
 
Conférence Mozilla 2/2 : Projet Drumbeat
Conférence Mozilla 2/2 : Projet DrumbeatConférence Mozilla 2/2 : Projet Drumbeat
Conférence Mozilla 2/2 : Projet Drumbeat
Florian Lainez
 

Plus de Florian Lainez (12)

Jungle bus - SotM-fr 2017 - 2 juin
Jungle bus - SotM-fr 2017 - 2 juinJungle bus - SotM-fr 2017 - 2 juin
Jungle bus - SotM-fr 2017 - 2 juin
 
Introduction OpenStreetMap, l'Open Data du territoire
Introduction OpenStreetMap, l'Open Data du territoireIntroduction OpenStreetMap, l'Open Data du territoire
Introduction OpenStreetMap, l'Open Data du territoire
 
Osm goes indoors - Where Camp Berlin 2016
Osm goes indoors - Where Camp Berlin 2016Osm goes indoors - Where Camp Berlin 2016
Osm goes indoors - Where Camp Berlin 2016
 
Cartographie des gares de paris - SNCF Transilien - Carto'Cité
Cartographie des gares de paris - SNCF Transilien - Carto'CitéCartographie des gares de paris - SNCF Transilien - Carto'Cité
Cartographie des gares de paris - SNCF Transilien - Carto'Cité
 
Socle de cartographie SNCF - OpenStreetMap GeoServices
Socle de cartographie SNCF - OpenStreetMap GeoServicesSocle de cartographie SNCF - OpenStreetMap GeoServices
Socle de cartographie SNCF - OpenStreetMap GeoServices
 
Cartographie indoor dans OpenStreetMap - SNCF Transilien
Cartographie indoor dans OpenStreetMap - SNCF TransilienCartographie indoor dans OpenStreetMap - SNCF Transilien
Cartographie indoor dans OpenStreetMap - SNCF Transilien
 
Carto indoor et multiniveaux des gares SNCF Transilien - OpenStreetMap
Carto indoor et multiniveaux des gares SNCF Transilien - OpenStreetMapCarto indoor et multiniveaux des gares SNCF Transilien - OpenStreetMap
Carto indoor et multiniveaux des gares SNCF Transilien - OpenStreetMap
 
La cartographie Libre avec OpenStreetMap
La cartographie Libre avec OpenStreetMapLa cartographie Libre avec OpenStreetMap
La cartographie Libre avec OpenStreetMap
 
Firefox 4 et autres projets Mozilla
Firefox 4 et autres projets MozillaFirefox 4 et autres projets Mozilla
Firefox 4 et autres projets Mozilla
 
Présentation Mozilla Labs
Présentation Mozilla LabsPrésentation Mozilla Labs
Présentation Mozilla Labs
 
Présentation Firefox 3.5 à Toulibre
Présentation Firefox 3.5 à ToulibrePrésentation Firefox 3.5 à Toulibre
Présentation Firefox 3.5 à Toulibre
 
Conférence Mozilla 2/2 : Projet Drumbeat
Conférence Mozilla 2/2 : Projet DrumbeatConférence Mozilla 2/2 : Projet Drumbeat
Conférence Mozilla 2/2 : Projet Drumbeat
 

Atelier découverte Umap #OpenStreetMap