Open layers - utilisation simple et avancée

4,592 views

Published on

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

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
4,592
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
Downloads
73
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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/

×