Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Drupalcamp Nantes - Open layers

2.474 Aufrufe

Veröffentlicht am

Présentation de Khalid Jebbari

Veröffentlicht in: Technologie
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

  • Gehören Sie zu den Ersten, denen das gefällt!

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 ?

×