open layers - utilisation simple et avancée
DESCRIPTION
Présentation faite au Drupal Meetup à Paris le 13 décembre 2010.TRANSCRIPT
![Page 1: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/1.jpg)
PROJECT
DATE CLIENT13 DÉCEMBRE 2010 KHALID JEBBARI
OPENLAYERSUTILISATION BASIQUE ET AVANCÉE
![Page 2: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/2.jpg)
Plan
Openlayers ?
Pourquoi ?
Comment ?
Utilisation simple
Utilisation avancée
![Page 3: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/3.jpg)
OpenLayers ?
Librairie Javascipt Open Source
OSGeo, OpenGIS
Module Drupal qui l’exploite
![Page 4: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/4.jpg)
Pourquoi ?
Location, GMap OpenLayers, Views
Stocke et affiche des adresses
Stocke et affiche des positions géographiques
Solution orientée plans, itinéraires, et
positionnement “administratif”
Solution flexible, orientée création de cartes
complexes en tout genre
Exportable, Features
![Page 5: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/5.jpg)
Comment ?
Standards OpenGIS
100% javascript : Indépendant de la technologie serveur + tout navigateur (y compris mobiles)
Séparation totale de l’affichage et des données
![Page 6: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/6.jpg)
Comment ? (suite)Données :
OpenLayers DataAffichage :
OpenLayers Map
Objets drupal : Node, Users, GeoTaxonomy
Fonds de carte : Base Layers
Sélection par ViewsDisplay type
Configuration :Preset
Couches de données superposables :
Layers
Style visuel des données :Styles
Interactions avec la carte :Behaviors
![Page 7: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/7.jpg)
Utilisation simple
1. Noeud avec carte
2. Carte globale
AFFICHER DES CONTENUSGEOLOCALISÉS
![Page 8: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/8.jpg)
Utilisation simple (démo)
OpenLayers, OpenLayers UI, OpenLayers CCK, OpenLayers Views
OpenLayers GeoCoder : adresse => position
OpenLayers Plus : pack de behaviors
MODULES UTILISÉS
![Page 9: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/9.jpg)
Node create/edit
Map pour situer le(s) point(s) ou la(les) zone(s)
Champ geocoding “Search address”(module Openlayers_geocoding)
![Page 10: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/10.jpg)
Node view
On peut afficher la position telle qu’elle est stockée en base...
![Page 11: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/11.jpg)
Node view (2)
... ou sous forme de carte.
![Page 12: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/12.jpg)
Créer une map (1) : OpenLayers Data (Views)Display type + Display style = OpenLayers Data
![Page 13: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/13.jpg)
Créer une map (2) : Map preset (OL)C’est ici qu’on crée et configure la carte.
![Page 14: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/14.jpg)
Créer une map (3) : Afficher la carte (Views)Display type = Page ou BlockDisplay style = OpenLayers Map
![Page 15: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/15.jpg)
Utilisation avancée
Managing News :http://managingnews.com/
Word Bank :http://data.worldbank.org/
Haiti Aid Maphttp://data.worldbank.org/
![Page 16: Open layers - utilisation simple et avancée](https://reader033.vdocuments.mx/reader033/viewer/2022042607/559b33431a28ab44638b45e8/html5/thumbnails/16.jpg)
Créditsby Khalid Jebbarilundi 13 décembre 2010drupal user : DjebbZ
http://drupal.org/project/openlayershttp://developmentseed.orghttp://osgeo.orghttp://www.opengeospatial.org/