Téléchargé 129 fois
![Introduction OpenStreetMap Exploitation Conclusion
Sources de données API Cartographiques Mise en application
1er carte
<head>
<title>OpenLayers map preview</title>
<style type="text/css">
#map { width : 600px ; height : 400px ; border : 1px solid black ; } 1- Définition du style
</style>
<script src="http://openlayers.org/api/OpenLayers.js" type="text/javascript"></script> 2- Appel de la librairie
<script>
function init() {
map = new OpenLayers.Map("map" ,{
controls:[new OpenLayers.Control.MouseDefaults()] 3- Création de l'objet Map
}) ;
map.addControl(new OpenLayers.Control.PanZoom());
map.addControl(new OpenLayers.Control.MousePosition()) ; 4- Ajout de contrôles
map.addControl(new OpenLayers.Control.Attribution());
var mapnik = new OpenLayers.Layer.OSM(
5- Ajout de la couche OpenStreetMap
"OSM Mapnik",
"http://tile.openstreetmap.org/${z}/${x}/${y}.png") ;
map.addLayers([mapnik]) ; 6- Ajout de la carte à l'objet map
map.setCenter(new OpenLayers.LonLat(787229,5406137), 15); 7- Centrage de la carte et zoom
}
</script>
</head>
<body onload="init()">
</div> <div id="map"> </div>
</body>
</html>](https://image.slidesharecdn.com/osmprezjm2larnaudv-111129015053-phpapp01/85/Cartographier-le-monde-avec-des-outils-libres-21-320.jpg)
Contenu connexe
Similaire à Cartographier le monde avec des outils libres
Cartographier le monde avec des outils libres
- 1. Cartographier le monde avec des outils libres Arnaud Van De Casteele Arnaud Van De Casteele JM2L - 2011
- 2. Introduction & Objectifs Le phénomène OpenStreetMap Qu'est ce qu'OpenStreetMap ? Comment participer ? Exemple d'application Exploiter OpenStreetMap Les différentes sources de données Les API cartographiques existantes Mise en application Conclusions
- 3. Introduction OpenStreetMap Exploitation Conclusion Des producteurs et des offres nombreuses mais ...
- 4. Introduction OpenStreetMap Exploitation Conclusion Pourquoi une carte libre ? Pouvoir l'utiliser sans contrainte de : Licence Prix Créativité Exhaustivité Comparaison des différents producteurs de données : http://www.geotribu.net/applications/baselayers/
- 5. Introduction OpenStreetMap Exploitation Conclusion Objectifs 1) Comprendre les principes généraux d'OpenStreetMap 2) Apprendre à participer à OpenStreetMap 3) Exploiter les données OpenStreetMap
- 6. Introduction OpenStreetMap Exploitation Conclusion Qu'est ce qu'OSM Comment participer ? Exemples d'applications source : cloudmade OpenStreetMap Projet Communautaire Pour la création de cartes libres → Base de données libre Initié en 2004 par Steve Coast Licence ouverte (odbl) (Remplace CC-BY-SA) 490 000 inscrits + de 115 millions de routes + de 2,5 milliards de points GPS Thématiques : Voies de circulation Édifices, commerces Itinéraires (bus, métro, etc.) etc . Site internet : http://www.openstreetmap.org/ Wiki : http://wiki.openstreetmap.org/wiki/Main_Page Communauté Fr : http://openstreetmap.fr/ + =
- 7. Introduction OpenStreetMap Exploitation Conclusion Qu'est ce qu'OSM Comment participer ? Exemples d'applications Statistiques http://wiki.openstreetmap.org/wiki/Stats
- 8. Introduction OpenStreetMap Exploitation Conclusion Qu'est ce qu'OSM Comment participer ? Exemples d'applications De l'acquisition à la production Téléchargement Édition des sur le serveur OSM attributs Collecte des données Édition de Rendu final la géométrie
- 9. Introduction OpenStreetMap Exploitation Conclusion Qu'est ce qu'OSM Comment participer ? Exemples d'applications Carte Papier Acquisition des données Walking Papers http://wiki.openstreetmap.org/wiki/Editing GPS Intégration des cartes OSM Directement dans des GPS Garmin Téléphone portable Ex : OSMTracker Android Tablette tactile Ex : Ilos
- 10. Introduction OpenStreetMap Exploitation Conclusion Qu'est ce qu'OSM Comment participer ? Exemples d'applications Walking Papers 1- Vous imprimez la zone que vous voulez couvrir 2- Vous partez sur le terrain avec cette carte 3- De retour vous scannez votre carte 4- Et vous la visualisez directement dans votre éditeur http://walking-papers.org/ Source des images : http://www.geographiques.org/ 1 4 2
- 11. Introduction OpenStreetMap Exploitation Conclusion Qu'est ce qu'OSM Comment participer ? Exemples d'applications JOSM Édition de données http://josm.openstreetmap.de/ - Potlach (édition en ligne) - JOSM - Merkatoor - ... Potlach (V2) Fonctionnalités : Import & export des données OSM Géolocalisation automatique des fichiers audio, vidéo et images Etc. + De nombreux plugins JOSM : Cadastre Français OpenStreetBugs Routing http://josm.openstreetmap.de/wiki/Plugins
- 12. Introduction OpenStreetMap Exploitation Conclusion Qu'est ce qu'OSM Comment participer ? Exemples d'applications Format de données : KISS* Les constituants de base de l'information géographique dans OSM Noeuds Ligne Polygone * Keep It Simple and Smart * * Keep it Simple Stupid
- 13. Introduction OpenStreetMap Exploitation Conclusion Qu'est ce qu'OSM Comment participer ? Exemples d'applications Les attributs descriptifs Vous êtes libres de nommer ce que vous voulez ! higway = secondary higway = Residential leisure = garden building = yes higway = Tertiary tourism = museum higway = trunk higway = trunk tunnel = yes
- 14. Introduction OpenStreetMap Exploitation Conclusion Qu'est ce qu'OSM Comment participer ? Exemples d'applications Un projet fou ? Peut être pas ! Paris : Aout 2006 Paris : Décembre 2010 Source : http://www.geofabrik.de
- 15. Introduction OpenStreetMap Exploitation Conclusion Qu'est ce qu'OSM Comment participer ? Exemples d'applications Humanitarian OSM Team : Haiti http://maposmatic.org/ Janvier 2010 : Séisme Moins de 24h après des données exploitables Exploitation des images de Yahoo, Digital Globe, Geo Eye, etc. Cartographie : ● 16 000 bâtiments en moins de en 48h ● Praticabilité des rues ● Campements Source :http://www.flickr.com/photos/itoworld/
- 16. Introduction OpenStreetMap Exploitation Conclusion Qu'est ce qu'OSM Comment participer ? Exemples d'applications MapOsMatic http://maposmatic.org/ Réaliser votre propre plan de ville
- 17. Introduction OpenStreetMap Exploitation Conclusion Qu'est ce qu'OSM Comment participer ? Exemples d'applications WheelMap.org http://wheelmap.org Cartographie des endroits accessibles pour les personnes à mobilité réduite
- 18. Mais ausi OpenFireMap → http://www.openfiremap.org Itransport → http://www.itransports.fr/fr/itineraire GéoVelo → http://www.geovelo.fr/ OSMInterest → http://178.32.101.237/osminterest/ OSMQA → http://osmqa2.qualitystreetmap.org/osmqa OpenSeaMap → http://openseamap.org/ etc.
- 19. Introduction OpenStreetMap Exploitation Conclusion Sources de données API Cartographiques Mise en application Formats de données Fichiers Web Data (Images tuilées) Geofabrik Style Mapnik Style Cycle Map http://download.geofabrik.de/osm/ Découpage par zone et par ville .OSM CloudMade http://downloads.cloudmade.com/ Découpage par zone et par ville Formats : Garmin Map Files .SHP Shapefile .AI TomTom POI .etc Adobe Illustrator etc. CloudMade http://maps.cloudmade.com Style personnalisable
- 20. Introduction OpenStreetMap Exploitation Conclusion Sources de données API Cartographiques Mise en application API existantes OpenLayers http://openlayers.org/ La plus ancienne et celle possédant le plus de fonctionnalités LeafLet http://leaflet.cloudmade.com/ Communauté active et nombreuses fonctionnalités Tile5 http://download.geofabrik.de/osm/ Se base sur les potentialités de l'HTML5 PolyMaps http://polymaps.org/ Spécialisée dans le rendu SVG Modest Maps http://modestmaps.com/ Langage Flash
- 21. Introduction OpenStreetMap Exploitation Conclusion Sources de données API Cartographiques Mise en application 1er carte <head> <title>OpenLayers map preview</title> <style type="text/css"> #map { width : 600px ; height : 400px ; border : 1px solid black ; } 1- Définition du style </style> <script src="http://openlayers.org/api/OpenLayers.js" type="text/javascript"></script> 2- Appel de la librairie <script> function init() { map = new OpenLayers.Map("map" ,{ controls:[new OpenLayers.Control.MouseDefaults()] 3- Création de l'objet Map }) ; map.addControl(new OpenLayers.Control.PanZoom()); map.addControl(new OpenLayers.Control.MousePosition()) ; 4- Ajout de contrôles map.addControl(new OpenLayers.Control.Attribution()); var mapnik = new OpenLayers.Layer.OSM( 5- Ajout de la couche OpenStreetMap "OSM Mapnik", "http://tile.openstreetmap.org/${z}/${x}/${y}.png") ; map.addLayers([mapnik]) ; 6- Ajout de la carte à l'objet map map.setCenter(new OpenLayers.LonLat(787229,5406137), 15); 7- Centrage de la carte et zoom } </script> </head> <body onload="init()"> </div> <div id="map"> </div> </body> </html>
- 22. Introduction OpenStreetMap Exploitation Conclusion Sources de données API Cartographiques Mise en application Résultat Ne pas oublier la source !!!
- 23. Introduction OpenStreetMap Exploitation Conclusion OpenStreetMap, un projet mature avec de nombreux outils Une participation facile et une communauté ouverte Une totale liberté à toutes les étapes de création (acquisition, édition, etc.) La possibilité de remplacer avantageusement des solutions fermées Maintenant à vous de participer ! Avec le monde pour seule communauté
- 24. Des Questions ? ArnaudVan De Casteele arnaud {dot} sig {at} gmail {dot} com http://geotribu.net/ @geotribu Association OSGeo-fr http://osgeo.asso.fr/ Association OSM-fr http://openstreetmap.fr/