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

1. OPENLAYERS
PROJECT
UTILISATION BASIQUE ET AVANCÉE
DATE CLIENT
13 DÉCEMBRE 2010 KHALID JEBBARI

2. Plan
Openlayers ?
Pourquoi ?
Comment ?
Utilisation simple
Utilisation avancée

3. OpenLayers ?
Librairie Javascipt Open Source
OSGeo, OpenGIS
Module Drupal qui l’exploite

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. 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

6. Comment ? (suite)
Données : Affichage :
OpenLayers Data OpenLayers Map
Objets 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. Utilisation simple
AFFICHER DES CONTENUS
GEOLOCALISÉS
1. Noeud avec carte
2. Carte globale

8. Utilisation simple (démo)
MODULES UTILISÉS
OpenLayers, OpenLayers UI,
OpenLayers CCK, OpenLayers
Views
OpenLayers GeoCoder :
adresse => position
OpenLayers Plus : pack de
behaviors

9. Node create/edit
Map pour situer le(s)
point(s) ou la(les) zone
(s)
Champ geocoding
“Search address”
(module
Openlayers_geocoding)

10. Node view
On peut afficher la
position telle qu’elle est
stockée en base...

11. Node view (2)
... ou sous forme de
carte.

12. Créer une map (1) :
OpenLayers Data (Views)
Display type + Display style = OpenLayers Data

13. Créer une map (2) :
Map preset (OL)
C’est ici qu’on crée et configure la carte.

14. Créer une map (3) :
Afficher la carte (Views)
Display type = Page ou Block
Display style = OpenLayers Map

15. Utilisation avancée
Managing News :
http://managingnews.com/
Word Bank :
http://data.worldbank.org/
Haiti Aid Map
http://data.worldbank.org/

16. Crédits
by Khalid Jebbari
lundi 13 décembre 2010
drupal user : DjebbZ
http://drupal.org/project/
openlayers
http://developmentseed.org
http://osgeo.org
http://www.opengeospatial.org/