Drupalcamp Nantes - Open layers

2,395 views

Published on

Présentation de Khalid Jebbari

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,395
On SlideShare
0
From Embeds
0
Number of Embeds
433
Actions
Shares
0
Downloads
38
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Drupalcamp Nantes - Open layers

  1. 1. OPENLAYERSPROJECT UTILISATION BASIQUE ET AVANCÉEDATE PAR 29 JANVIER 2011 KHALID JEBBARI
  2. 2. MERCI AUX SPONSORS
  3. 3. PlanOpenlayers ?Pourquoi ?Comment ?Utilisation simpleUtilisation avancée
  4. 4. OpenLayers ?Librairie Javascipt Open SourceOSGeo, OGC, OpenGISModule Drupal qui l’exploite
  5. 5. Pourquoi ? Location, GMap OpenLayers, Views Stocke et affiche des Stocke et affiche des adresses positions géographiques Solution orientée plans, Solution flexible, orientée itinéraires, et création de cartes positionnement complexes en tout genre “administratif” Exportable, Features
  6. 6. Comment ?Standards OpenGIS100% javascript : Indépendant de la technologieserveur + tout navigateur (y compris mobiles)Séparation totale de l’affichage et des données
  7. 7. Comment ? (suite) Données : Affichage : OpenLayers Data OpenLayers MapObjets drupal : Node, Users, Fonds de carte : GeoTaxonomy Base Layers Sélection par Views Configuration : Display type Preset Couches de données Style visuel des données : superposables : Styles Layers Interactions avec la carte : Behaviors
  8. 8. Utilisation simple AFFICHER DES CONTENUS GEOLOCALISÉS1. Noeud avec carte2. Carte globale
  9. 9. Utilisation simple (démo) MODULES UTILISÉSOpenLayers, OpenLayers UI,OpenLayers CCK, OpenLayersViewsOpenLayers Geocoder :adresse => positionOpenLayers Plus : pack debehaviors
  10. 10. Node create/editMap pour situer le(s)point(s) ou la(les) zone(s)Champ geocoding“Search address”(module OpenlayersGeocoder)
  11. 11. Node viewOn peut afficher laposition telle qu’elle eststockée en base...
  12. 12. Node view (2)... ou sous forme decarte.
  13. 13. Créer une map (1) :OpenLayers Data (Views)Display type + Display style = OpenLayers Data
  14. 14. Créer une map (2) :Map preset (OL)C’est ici qu’on crée et configure la carte.
  15. 15. Créer une map (3) :Afficher la carte (Views)Display type = Page ou BlockDisplay style = OpenLayers Map
  16. 16. Utilisation avancée Managing News : http://managingnews.com/ Word Bank : http://data.worldbank.org/ Haiti Aid Map http://haitiaidmap.org/
  17. 17. Plus d’infoshttp://drupal.org/project/openlayershttp://developmentseed.orghttp://osgeo.orghttp://www.opengeospatial.org/http://openlayers.org/http://www.flickr.com/photos/developmentseed/Revoirhttp://www.slideshare.net/khalidjebbari/open-layers-utilisation-simple-et-avanceehttp://www.djebbz.com/
  18. 18. Des questions ?

×