Présentation d'OpenStreetMap à l'Atelier des médias de Lyon. Point sur les utilisations pour les graphistes

1. La carte libre et participative
OpenStreetMap.fr
Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014

2. 2
Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014
● Via SIG
● Mapnik : rendu principal
● CartoCSS
● Maperitive
● SVG
● Exemples
Graphisme

3. 3
Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014
SIG / Mapnik / CartoCSS / Maperitive / SVG
OpenStreetMap
Via SIG
Outils d'analyse de données, mais aussi de mise en forme !
● Gestion de différentes couches : superposer des données personnelles sur un fond
de carte OSM
● Gestion fine des éléments : création d'une carte avec uniquement ce qu'on veut
dessus
● « composeur d'impression » dans QGIS qui permet d'exporter des cartes avec
légende, échelle, ...
● Une vraie puissance d'analyse de données pour aller plus loin dans les rendus
carte des îlots urbains

4. 4
Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014
SIG / Mapnik / CartoCSS / Maperitive / SVG
OpenStreetMap
Crédit : Maxime Résibois sur PortailSIG

5. 5
Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014
SIG / Mapnik / CartoCSS / Maperitive / SVG
OpenStreetMap
Mapnik
Le moteur de rendu principal !
● Lis les données dans un fichier .osm ou une base PostGIS
● Applique un ensemble de règle de hiérarchisation des données
● Applique une feuille de style (fichier xml)
● Génère des tuiles de 256x256 px
● Capable de générer une image de taille demandée

6. 6
Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014
SIG / Mapnik / CartoCSS / Maperitive / SVG
OpenStreetMap
Mapnik
De très nombreux rendus !
● Carte principale
● Carte transports
● Rendu FR
● OpenCycleMap (aussi sur site principal)
● La ville à vélo
● Géovélo
● Rendu Toner
● Rendu Watercolor
● Carte francetopo
● ...

7. 7
Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014
SIG / Mapnik / CartoCSS / Maperitive / SVG
OpenStreetMap
CartoCSS
Feuille de style de Mapnik xml lourde à gérer et peu modulaire => nouveau format de
fichier plus simple, basé sur les fichier css
Utilisé pour produire la carte principale OSM.org depuis août 2013

8. 8
Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014
SIG / Mapnik / CartoCSS / Maperitive / SVG
OpenStreetMap
Maperitive
http://maperitive.net
Un logiciel « bureau » de rendu pour faire ses propres cartes
● va récupérer les données OSM
● interface pour appliquer les styles qu'on désire
● affichage mis à jour en temps réel
● fonctions d'export en image/SVG

9. 9
Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014
SIG / Mapnik / CartoCSS / Maperitive / SVG
OpenStreetMap
Rendu R25 orienté randonnée

10. 10
Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014
SIG / Mapnik / CartoCSS / Maperitive / SVG
OpenStreetMap
SVG
Format de données
vectorielles pour l'édition
Utilisable avec Illustrator,
Inkscape, ...
Pour une petite zone :
- bouton « Partager » de la
barre d'outils
- Format « SVG »
- puis « Télécharger »

11. 11
Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014
SIG / Mapnik / CartoCSS / Maperitive / SVG
OpenStreetMap
SVG

12. 12
Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014
SIG / Mapnik / CartoCSS / Maperitive / SVG
OpenStreetMap
Exemple concret : carte cyclable de Cincinnati