Solutions libres alternatives à Google Maps

Les alternatives libres à Google Maps Mathieu Leplatre @leplatrem www.makina-corpus.com

Une longue liste dutilisations interdites* mode déconnecté, embarqué* géocodage en masse* applications non ouvertes au public (e.g. intranet, extranet)* applications payantes* afficher de grandes cartes* suivre des flottes, des livraisons......

Une longue liste dutilisations interdites...et encore...* mettre les tuiles en cache* fournir des services de navigation* impressions commerciales* utilisation hors API* hors dun navigateur* ...

Des utilisations impossibles* maîtriser ce quaffiche lAPI* paramétrer les éléments affichés* définir un style complet* accéder aux données brutes (seulement à des images)

De nombreuses limitations* erreurs difficiles voire impossible à corriger* usage payant si fort trafic* esthétique : des cartes trop vues* philosophie : des données propriétaires

Principaux services de Google Maps* fonds de carte (tuiles)* visionneuse interactive (API javascript)* publication aisée dans une page web* géocodage* itinéraires* cartes statiques

Les solutions libres offrent les mêmes services Open source/Open data Google* fonds de carte (tuiles) ✔ ✔* visionneuse interactive ✔ ✔* publication web simple ✔ ✔* cartes statiques ✔ ~* géocodage ~ ✔* itinéraires ~ ✔

Les solutions libres sont plus souples Open source/Open data Google* choix des styles ✔ ~* modification/correction ✔ ~* impression de cartes ✔* cartes en mode déconnecté ✔* applications mobiles ✔* ajout de tout type de données ✔* choix des données visualisées ✔* choix de la langue des tuiles ✔

Google Maps a révolutionné les cartes interactivesIl faut réutiliser les meilleurs principes

Fonds de carteLapproche Google Maps : des compromis !* une seule projection : Mercator sphérique (900913,WGS 84)* une seule couche !* du cache pour la rapidité→ Rupture avec la plupart des portails Web SIG

Les données OpenStreetMap* créé en 2004 (Absence données libres)* édition collaborative (cf. Wikipedia)* free tagging (~NoSQL)* données WGS 84 (GPS)* API REST (moult éditeurs)

Serveur de tuiles OpenStreetMap OSM scripts PostGIS dump + diffs Mapnik + feuilles de style Apache + mod_tile nomstyle/z/x/y.png

Serveur de tuiles Makina Corpus* autonomie (ex : utilisation commerciale)* styles personnalisés (ex : charte, filtres)* produits dérivés (ex : packs, application voyage)* mobile (ex : offline)* R&D (ex : outils BI)... à lécoute de vos besoins !

Style par défaut - OpenStreetMap

Style, contenu, langue, symboles...... tout est paramétrable

Style allégé – Makina Corpus

Style MapQuest

VisionneuseLapproche Google Maps :* rapidité (légèreté)* ergonomie (pan, molette)* simplicité ( sans arborescence)* compatibilité (navigateurs, mobiles)… quelles sont les solutions libres équivalentes ?

OpenLayers (Metacarta, 2006)+ très populaire - 1 Mo (!)+ support protocoles OGC - lenteur+ gestion des projections - tuiles chargées x8+ compatibilité - HTML généré archaïque - GeoExt :(

Modest Maps JS (Stamen Design, 2011)+ léger ( ~80 ko) - sans support vectoriel+ ultra-rapide et robuste - sans interaction+ support mobile - une seule couche :)

Leaflet (Cloudmade, 2011)+ léger (100 ko) - Tuiles ou GeoJSON/WMS+ API simplifiée (à-la GMaps) - édition : élémentaire+ mobile (multitouch+accel. sur iOS)+ HTML5 Canvas (ex : 2M objets)+ projections+ CSS3 & Animations+ compatible IE6 :)

Illustrations* Carte VéloToulouse : Leaflet + Mustache + YQL* Livetitude : Leaflet + HTML5 websockets* Gr@ce : Leaflet + HTML5 WebSQL et LocalStorage (offline)

Comment publier ses données ?Lapproche Google Maps : culture du Web* Consultation dune carte comme une page web !* Partage dune carte comme une image* Survol des objets en Javascript... en rupture avec la plupart des portails Web SIG

Comment publier ses données ?Lapproche privilégiée chez Makina Corpus + MapnikGeoNetwork GeoServer ~ Go Django* ~ Mo GeoExt ~ Mo JQuery ~ Ko OpenLayers ~ Mo Leaflet ~ Ko

Le projet MapBox (DevelopmentSeed, 2011)* Orienté communication (statique, OpenData)* TileMill (MSPaint des cartes)* Format MBTiles (SQLite)* Survol des objets en Javascript (UTF-Grid)* Wax (config., légende, tooltips)Une boite à outils flexibles, innovants … et audacieux !

Illustrations* Publier un GeoJSON avec QGis et Leaflet* Fabriquer des tuiles avec TileMill* Afficher un fichier MBTiles avec django-mbtiles

Conclusion* OpenStreetMap + OpenData* Éco-système libre riche et varié* Choix darchitecture décisifs

Pour aller plus loin...

GéocodageGeonamesfrom geopy import geocodersgn = geocoders.GeoNames()gn.geocode(Mirail Toulouse)(uLe Mirail, B3, FR, (43.5764114330089, 1.3945770263671875))Nominatim$ curl "http://open.mapquestapi.com/nominatim/v1/search?format=json&q=Mirail%20Toulouse"[{"place_id":"697188","lat":"43.5763978","lon":"1.3916297", ... , ...}]

Itinéraires* Open MapQuest http://open.mapquest.com* OpenRouteService http://www.openrouteservice.org* Yours http://www.yournavigation.org* Cloudmade http://maps.cloudmade.comPlus dinformations sur http://wiki.openstreetmap.org/wiki/Routing

Street View ?* Do It Yourself streetview, FOSSGIS 2012, Germany http://www.diy-streetview.com

Remplacer Google Mapspar des solutions libres ?Est-ce bien raisonnable ?

Pistes cyclables OSMPistes cyclables Google

... mais sûrement,la qualité ne peut pas être aussi bonne... ?

Dans Google Maps :* la rue Alaric II est devenue une impasse

dans Google Maps :* une société privée sest installée dans la mairie* la pharmacie du Capitole nest pas au bon angle de la place

dans Google Maps :* la mairie remplace lécole maternelle Lakanal

Google Maps :mélange le français et loccitan

MerciMathieu Leplatre@leplatrem

Les alternatives libres à Google Maps Mathieu Leplatre @leplatrem www.makina-corpus.com

Une longue liste dutilisations interdites * mode déconnecté, embarqué * géocodage en masse * applications non ouvertes au public (e.g. intranet, extranet) * applications payantes * afficher de grandes cartes * suivre des flottes, des livraisons... ...Lutilisation de Google Maps est gratuite mais elle est soumise àde très nombreuses restrictions décrites dans les conditionsdutilisation des services :http://www.google.com/intl/en_fr/help/terms_maps.htmlhttp://code.google.com/apis/maps/terms.htmlhttp://www.google.com/permissions/geoguidelines.html

Une longue liste dutilisations interdites... et encore... * mettre les tuiles en cache * fournir des services de navigation * impressions commerciales * utilisation hors API * hors dun navigateur * ...Certaines restrictions sont levées dans la version Enterprise(> 100 k€, facturée en fonction des conditions de déploiement,daccès...)

Des utilisations impossibles * maîtriser ce quaffiche lAPI * paramétrer les éléments affichés * définir un style complet * accéder aux données brutes (seulement à des images)Google ne diffuse que des images dont le contenu nest pasparamétrable.Cest Google qui choisit ce qui doit apparaître ou pas dans les imagesLes données ne sont pas accessibles : on ne peut pas choisir daffichertoutes les boîtes aux lettres mais pas les stations servicesLe rendu nest pas très finement paramétrable : il est possible daltérerlégèrement les routes, les transports publics, les cours deau, quelquespoints dintérêts.Il nest pas possible de choisir la largeur et la présence de chaque typede voies, de régler laffichage suivant le niveau de zoom, de sélectionnerdes éléments individuels...

De nombreuses limitations * erreurs difficiles voire impossible à corriger * usage payant si fort trafic * esthétique : des cartes trop vues * philosophie : des données propriétairesRisque de se voir imposer de la publicité tel quannoncé en octobre2011Google est maître chez lui :* les données contribuées par le public ne peuvent êtrerécupérées* Google sen réserve un usage illimitéGoogle Maps est à lopposé du mouvement Open Data. Lesdonnées sont propriétaires et inaccessibles individuellement.

Principaux services de Google Maps * fonds de carte (tuiles) * visionneuse interactive (API javascript) * publication aisée dans une page web * géocodage * itinéraires * cartes statiquesRappel des principaux services et composants de Google Mapsutilisés par les entreprises et les collectivités

Les solutions libres offrent les mêmes services Open source/Open data Google * fonds de carte (tuiles) ✔ ✔ * visionneuse interactive ✔ ✔ * publication web simple ✔ ✔ * cartes statiques ✔ ~ * géocodage ~ ✔ * itinéraires ~ ✔Les solutions libres offrent des services équivalents à ceux deGoogle MapsSolutions Libres : ce sont les logiciels libres et les données libres

Les solutions libres sont plus souples Open source/Open data Google * choix des styles ✔ ~ * modification/correction ✔ ~ * impression de cartes ✔ * cartes en mode déconnecté ✔ * applications mobiles ✔ * ajout de tout type de données ✔ * choix des données visualisées ✔ * choix de la langue des tuiles ✔Les solutions libres présentent de nombreux atoutssupplémentaires car elles offrent plus de souplesse.Limagination et les connaissances techniques sont les seuleslimites...

Google Maps a révolutionné les cartes interactives Il faut réutiliser les meilleurs principesGoogle Maps :- tout le monde connaît et utilise- la mamie du Cantal aussi !- au début du siècle, avant Google Maps (Maporama, Mappy, Localis...) ?On oublie vite, mais il fallait cliquer dans les coins !Pour indiquer une adresse, il y avait un formulaire, au lieu dun champunique !Pour zoomer, impossible dutiliser la molette...

Fonds de carte Lapproche Google Maps : des compromis ! * une seule projection : Mercator sphérique (900913,WGS 84) * une seule couche ! * du cache pour la rapidité → Rupture avec la plupart des portails Web SIG- la simplicité à base de compromis.- sur la précision : une projection universelle : … en France 15cm (vous allez me dire « Et les Lapons alors ? », … bonne raison pourchercher une alternative à Google Maps)- sur la quantité dinformations : une seule couche- sur la fraîcheur des infos : cachePortails web SIG : pas toujours la puissance de frappe de Google etses 350k serveurs, mais que les contours des communes mettent20 secondes à safficher, non !

Les données OpenStreetMap * créé en 2004 (Absence données libres) * édition collaborative (cf. Wikipedia) * free tagging (~NoSQL) * données WGS 84 (GPS) * API REST (moult éditeurs)- Approche communautaire autour des données- Le free tagging permet de créer autant de types de données quesouhaité (bornes à incendie, anneaux damarrage,nids depoules...)- Éditeurs lourds, Web, … : JOSM, Merkaartor, Potlatch...

Serveur de tuiles OpenStreetMap OSM scripts PostGIS dump + diffs Mapnik + feuilles de style Apache + mod_tile nomstyle/z/x/y.png- Ces éléments décrivent une architecture minimaliste etmasquent la complexité de la tâche : e.g. tuning PostGIS (données> 200 Go )- Apache et mod_tile sollicitent Mapnik si besoin (cache disquesinon)- le script de mise à jour marque les tuiles « dirty » pourrégénération lors dune future demande

Serveur de tuiles Makina Corpus * autonomie (ex : utilisation commerciale) * styles personnalisés (ex : charte, filtres) * produits dérivés (ex : packs, application voyage) * mobile (ex : offline) * R&D (ex : outils BI) ... à lécoute de vos besoins !Makina Corpus a construit son propre serveur de tuiles.Cela permet :- soulager les serveurs OSM, pas prévus pour utilisationcommerciale- gérer des palettes de couleurs adaptées aux chartes graphiques- filtres sur les données dessinées- ex : packs de tuiles dune zone sur demande- mobile : tuiles à insérer dans un LocalStorage

Style par défaut - OpenStreetMapÀ partir des données dOpenStreetMap, il est ainsi possible de créer desstyles de cartes totalement différents...Le style par défaut du site http://www.openstreetmap.org/ est peuagréable mais présente beaucoup dinformations

Style, contenu, langue, symboles... ... tout est paramétrableLes données dOSM permettent de paramétrer chacun deséléments de la représentation :- style (couleur, largeur, visibilité...)- montrer/masquer les informations (bâtiments officiels, nomdes entreprises, parking, points dintérêt...)- langue- symboles : choix des pictogrammes, de leur taille- ...Cette souplesse permet de construire des cartes interactivessadaptant aux besoins de lutilisateur.

Style allégé – Makina CorpusMakina Corpus crée des styles cartographiques adaptés àdifférents usage.Le style présenté est destiné à une carte multi-usage.

Style MapQuestIl est possible de construire son propre style : cest une opération longuerequérant une connaissance approfondie des outils cartographiques et descompétences graphiques.Une solution plus simple est dutiliser des tuiles existantes préparées par desprestataires comme Makina Corpus ou MapQuestPour un coût supérieur des prestataires peuvent préparer des tuiles surmesure (Makina Corpus, GeoFabrik, Developement Seed, CloudMade...)

Visionneuse Lapproche Google Maps : * rapidité (légèreté) * ergonomie (pan, molette) * simplicité ( sans arborescence) * compatibilité (navigateurs, mobiles) … quelles sont les solutions libres équivalentes ?Pour visualiser les tuiles, les pages web doivent comporter unevisionneuse.Google Maps a révolutionné lergonomie des interactions avec lescartes en ligne.

OpenLayers (Metacarta, 2006) + très populaire - 1 Mo (!) + support protocoles OGC - lenteur + gestion des projections - tuiles chargées x8 + compatibilité - HTML généré archaïque - GeoExt :(OpenLayers :- utilisé massivement chez Makina Corpus- nos formations OpenLayers ont beaucoup de succès > * cette bibliothèque est largement utilisée * elle est complexe- nos critiques émanent dexpériences concrètes, OL est souventtrop lourd (même après compression) !Il est bien sûr possible de réduire la taille de la biliothèque.Il existe même des outils automatiques pour cela (eghttp://openlayerer.appspot.com/) mais attention à la gestiondes dépendances ! Le résultat est parfois inutilisable.

Modest Maps JS (Stamen Design, 2011) + léger ( ~80 ko) - sans support vectoriel + ultra-rapide et robuste - sans interaction + support mobile - une seule couche :)Modest Maps (modestmaps.js) :- l’extrême inverse !- ultra-léger (19 ko gzippé)- code minimaliste donc robuste- sans interaction : même pas de bouton pour zoomer ! Juste uneAPI et des évènements !ne fait rien ! … mais le fait bien !

Leaflet (Cloudmade, 2011) + léger (100 ko) - Tuiles ou GeoJSON/WMS + API simplifiée (à-la GMaps) - édition : élémentaire + mobile (multitouch+accel. sur iOS) + HTML5 Canvas (ex : 2M objets) + projections + CSS3 & Animations + compatible IE6 :)- meilleur compromis- HTML5 Canvas :2 millions dobjets vectoriels côté client JS :http://www.giscloud.com/blog/gis-cloud-starts-html5-mapping-revolution rendu complet de données brutes :http://kothic.org/js/Attention à la charge CPU ( ~batterie sur mobiles)- interactions édition basiques mais simples à coder –> modèleobjet clair. Ex : éditeur de lignes en une vingtaine de LOCÉgalement présents : tile5 (canvas), polymaps (SVG)

Illustrations * Carte VéloToulouse : Leaflet + Mustache + YQL * Livetitude : Leaflet + HTML5 websockets * Gr@ce : Leaflet + HTML5 WebSQL et LocalStorage (offline)Démonstrations réalisées lors de la présentation :Carte vélo Toulouse :http://www.makina-corpus.org/blog/carte-des-v%C3%A9los-avec-leaflLivetitude :https://github.com/makinacorpus/livetitudeDemo chez Heroku : http://vivid-warrior-6693.herokuapp.com/http://www.makina-corpus.org/blog/des-cartes-collaboratives-avec-liveLivetitude permet de positionner des informations sur des cartesde manière collaborative en temps réel, de les exporter au formatGeoJSON, de publier la carte sur une page Web...Leaflet offline storage (en développement) :https://github.com/CloudMade/Leaflet/issues/68#issuecomment-29733

Comment publier ses données ? Lapproche Google Maps : culture du Web * Consultation dune carte comme une page web ! * Partage dune carte comme une image * Survol des objets en Javascript ... en rupture avec la plupart des portails Web SIGLa publication de données spatiales sur Internet est devenueextrêmement simple.

Comment publier ses données ? Lapproche privilégiée chez Makina Corpus + Mapnik GeoNetwork GeoServer ~ Go Django* ~ Mo GeoExt ~ Mo JQuery ~ Ko OpenLayers ~ Mo Leaflet ~ Ko- Approche OGC : seulement si adaptée ou nécessaire (e.g.directive INSPIRE)Cest une approche qui fonctionne et a fait ses preuves- Problèmes :- difficile à adapter aux besoins métier : météo (altitude),océanographie (sous-marin), géologie (sous-sol)- lourdeurApproche privilégiée par Makina Corpus : utiliser des composantsléger adaptés au développement des besoins métier, et visualiseravec des outils du monde du Web (jQuery)* Django, Pyramid voire Drupal ou Plone suivant les besoins

Le projet MapBox (DevelopmentSeed, 2011) * Orienté communication (statique, OpenData) * TileMill (MSPaint des cartes) * Format MBTiles (SQLite) * Survol des objets en Javascript (UTF-Grid) * Wax (config., légende, tooltips) Une boite à outils flexibles, innovants … et audacieux !Comment fonctionne les UTF-Grid ?http://mapbox.com/mbtiles-spec/utfgrid/

Illustrations * Publier un GeoJSON avec QGis et Leaflet * Fabriquer des tuiles avec TileMill * Afficher un fichier MBTiles avec django-mbtilesDémonstrations réalisées lors de la présentation :Django-mbtiles :https://github.com/makinacorpus/django-mbtilesLa gestion de tuiles cartographiques dans Django fera lobjetdune conférence Makina Corpus lors des prochaines rencontresDjango 2012 :http://rencontres.django-fr.org/2012/conferences.html#c4

Conclusion * OpenStreetMap + OpenData * Éco-système libre riche et varié * Choix darchitecture décisifsRemplacer Google Maps est possible.On gagne au passage de la flexibilité, de la richesse et de lapuissance.Surtout, cest un choix en phase avec louverture des données etle mouvement OpenData.

Pour aller plus loin...

Géocodage Geonames from geopy import geocoders gn = geocoders.GeoNames() gn.geocode(Mirail Toulouse) (uLe Mirail, B3, FR, (43.5764114330089, 1.3945770263671875)) Nominatim $ curl "http://open.mapquestapi.com/nominatim/v1/search? format=json&q=Mirail%20Toulouse" [{"place_id":"697188","lat":"43.5763978","lon":"1.3916297", ... , ...}]Plusieurs solutions existent pour le géocodage à partir dedonnées libres.Open MapQuest est la plus aboutie.

Itinéraires* Open MapQuest http://open.mapquest.com* OpenRouteService http://www.openrouteservice.org* Yours http://www.yournavigation.org* Cloudmade http://maps.cloudmade.comPlus dinformations sur http://wiki.openstreetmap.org/wiki/Routing

Street View ? * Do It Yourself streetview, FOSSGIS 2012, Germany http://www.diy-streetview.comIl ny a pas encore déquivalent libre de Street View.DIY streetview http://www.diy-streetview.com semble actifOpenView http://openviewproject.org/ est en sommeil

Remplacer Google Maps par des solutions libres ? Est-ce bien raisonnable ?Les solutions techniques et les données existent.Est-il cependant concevable de se passer de Google Maps enutilisant des logiciels et des données libres ?

Pistes cyclables OSM Pistes cyclables GoogleLes applications et les cartes spécialisées sont plus faciles àréaliser.Comparer ici les données sur les pistes cyclables dansOpenStreetMap et dans Google Maps.(vue de Toulouse, le 06/02/2012)

OpenStreetMap permet denregistrer des données de toutenature comme laccessibilité en fauteuil.Il devient possible de produire des cartes et des outils spécialisés.

... mais sûrement, la qualité ne peut pas être aussi bonne... ?Une bande damateurs peut-elle vraiment produire des donnéesplus efficacement que le géant Google ?En Europe, les données OpenStreetMap sont beaucoup plus riches,variées et souvent de meilleure qualité que celle de Google MapsUne bonne partie des amateurs contribuant à OpenStreetMapsont aussi des professionnels qualifiés (SIG, urbanistes,développeurs informatiques...)Les contributeurs sont nombreux (> 500 000) et motivésDes entités publiques et privées contribuent leur données(cadastre, ville de Brest, ville de Toulouse...)

Dans Google Maps : * la rue Alaric II est devenue une impasseIl est fréquent de trouver des erreurs dans les jeux de données de Google Maps(capture de Toulouse, le 06/02/2012)Loin de nous lidée de dire quOpenStreetMap est parfait.Nous tenons simplement à souligner dans les diapos suivantes quil est aisé detrouver des erreurs dans la solution qui domine aujourdhui le marché.Si vous trouvez des erreurs ou surtout des omissions dans OSM, nous vousencourageons à les corriger vous-même sur http://www.openstreetmap.org/

dans Google Maps : * une société privée sest installée dans la mairie * la pharmacie du Capitole nest pas au bon angle de la place(capture de Toulouse, le 06/02/2012)

dans Google Maps : * la mairie remplace lécole maternelle Lakanal(capture de Toulouse, le 06/02/2012)

Google Maps : mélange le français et loccitanGoogle Maps a fréquemment des problèmes avec les noms propreset les languesLavantage dOpenStreetMap est que la collecte des informationsest généralement faite par des autochtones...

MerciMathieu Leplatre@leplatrem

http://geotribu.net	642
http://www.scoop.it	115
http://www.geotribu.net	113
http://www.makina-corpus.com	108
http://makina-corpus.com	39
http://dev-windows	28
http://geobi.makina-corpus.net	10
http://makina.corpus.free.fr	5
http://makinacorpus.com	3
http://webcache.googleusercontent.com	1
http://fiddle.jshell.net	1

Solutions libres alternatives à Google Maps

by Makina Corpus on Feb 09, 2012

Accessibility

Categories

Tags

Upload Details

Usage Rights

11 Embeds 1,065

Statistics

Solutions libres alternatives à Google Maps — Presentation Transcript