OPENLAYERSPROJECT          UTILISATION BASIQUE ET AVANCÉEDATE                        PAR          29 JANVIER 2011         ...
MERCI AUX SPONSORS
PlanOpenlayers ?Pourquoi ?Comment ?Utilisation simpleUtilisation avancée
OpenLayers ?Librairie Javascipt Open SourceOSGeo, OGC, OpenGISModule Drupal qui l’exploite
Pourquoi ?    Location, GMap             OpenLayers, Views  Stocke et affiche des       Stocke et affiche des       adresses...
Comment ?Standards OpenGIS100% javascript : Indépendant de la technologieserveur + tout navigateur (y compris mobiles)Sépa...
Comment ? (suite)         Données :                    Affichage :     OpenLayers Data               OpenLayers MapObjets d...
Utilisation simple  AFFICHER DES CONTENUS  GEOLOCALISÉS1. Noeud avec carte2. Carte globale
Utilisation simple (démo)    MODULES UTILISÉSOpenLayers, OpenLayers UI,OpenLayers CCK, OpenLayersViewsOpenLayers Geocoder ...
Node create/editMap pour situer le(s)point(s) ou la(les) zone(s)Champ geocoding“Search address”(module OpenlayersGeocoder)
Node viewOn peut afficher laposition telle qu’elle eststockée en base...
Node view (2)... ou sous forme decarte.
Créer une map (1) :OpenLayers Data (Views)Display type + Display style = OpenLayers Data
Créer une map (2) :Map preset (OL)C’est ici qu’on crée et configure la carte.
Créer une map (3) :Afficher la carte (Views)Display type = Page ou BlockDisplay style = OpenLayers Map
Utilisation avancée Managing News : http://managingnews.com/ Word Bank : http://data.worldbank.org/ Haiti Aid Map http://h...
Plus d’infoshttp://drupal.org/project/openlayershttp://developmentseed.orghttp://osgeo.orghttp://www.opengeospatial.org/ht...
Des questions ?
Prochain SlideShare
Chargement dans…5
×

Drupalcamp Nantes - Open layers

2 266 vues

Publié le

Présentation de Khalid Jebbari

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
2 266
Sur SlideShare
0
Issues des intégrations
0
Intégrations
433
Actions
Partages
0
Téléchargements
38
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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 ?

×