Présentation d'OpenStreetMap à l'atelier des medias en octobre 2014 - Partie graphisme

La carte libre et participativeOpenStreetMap.fr

Sylvain Maillard - Présentation d'OpenStreetMap – Atelier des Média Lyon 28 octobre 2014

http://openstreetmap.fr/

2


● Via SIG● Mapnik : rendu principal● CartoCSS● Maperitive● SVG● Exemples

Graphisme

3


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

http://www.portailsig.org/content/petit-atelier-cartographique-creer-une-cartographie-minimaliste-d-ilots-urbains-partir-des-d

4



OpenStreetMap

Crédit : Maxime Résibois sur PortailSIG

5



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



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● ...

http://www.openstreetmap.org/#map=14/45.7579/4.8324

http://www.openstreetmap.org/#map=14/45.7579/4.8324&layers=T

http://tile.openstreetmap.fr/?zoom=14&lat=45.7579&lon=4.8324

http://opencyclemap.org/?zoom=14&lat=45.7579&lon=4.8324

http://carte.lavilleavelo.org/

http://www.geovelo.fr/lyon/?m=i&z=14&lon=4.8324&lat=45.7579

http://maps.stamen.com/#toner/14/45.7579/4.8324

http://maps.stamen.com/#watercolor/14/45.7579/4.8324

http://francetopo.fr/?map_x=844174.21100342&map_y=6519201.1798062&map_zoom=7

7



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



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

http://maperitive.net/

9



OpenStreetMap

Rendu R25 orienté randonnée

10



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



OpenStreetMap

SVG

12



OpenStreetMap

Exemple concret : carte cyclable de Cincinnati

http://wiki.openstreetmap.org/wiki/Cincinnati_Bike_Map

Data & Analytics

Présentation d'OpenStreetMap à l'atelier des medias en octobre 2014 - Partie graphisme