Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Open layers - utilisation simple et avancée

4,651 views

Published on

Présentation faite au Drupal Meetup à Paris le 13 décembre 2010.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Open layers - utilisation simple et avancée

  1. 1. OPENLAYERSPROJECT UTILISATION BASIQUE ET AVANCÉEDATE CLIENT 13 DÉCEMBRE 2010 KHALID JEBBARI
  2. 2. PlanOpenlayers ?Pourquoi ?Comment ?Utilisation simpleUtilisation avancée
  3. 3. OpenLayers ?Librairie Javascipt Open SourceOSGeo, OpenGISModule Drupal qui l’exploite
  4. 4. 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
  5. 5. Comment ?Standards OpenGIS100% javascript : Indépendant de la technologieserveur + tout navigateur (y compris mobiles)Séparation totale de l’affichage et des données
  6. 6. 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
  7. 7. Utilisation simple AFFICHER DES CONTENUS GEOLOCALISÉS1. Noeud avec carte2. Carte globale
  8. 8. Utilisation simple (démo) MODULES UTILISÉSOpenLayers, OpenLayers UI,OpenLayers CCK, OpenLayersViewsOpenLayers GeoCoder :adresse => positionOpenLayers Plus : pack debehaviors
  9. 9. Node create/editMap pour situer le(s)point(s) ou la(les) zone(s)Champ geocoding“Search address”(moduleOpenlayers_geocoding)
  10. 10. Node viewOn peut afficher laposition telle qu’elle eststockée en base...
  11. 11. Node view (2)... ou sous forme decarte.
  12. 12. Créer une map (1) :OpenLayers Data (Views)Display type + Display style = OpenLayers Data
  13. 13. Créer une map (2) :Map preset (OL)C’est ici qu’on crée et configure la carte.
  14. 14. Créer une map (3) :Afficher la carte (Views)Display type = Page ou BlockDisplay style = OpenLayers Map
  15. 15. Utilisation avancée Managing News : http://managingnews.com/ Word Bank : http://data.worldbank.org/ Haiti Aid Map http://data.worldbank.org/
  16. 16. Créditsby Khalid Jebbarilundi 13 décembre 2010drupal user : DjebbZhttp://drupal.org/project/openlayershttp://developmentseed.orghttp://osgeo.orghttp://www.opengeospatial.org/

×