Le document présente l'utilisation de la bibliothèque JavaScript OpenLayers pour la création de cartes interactives et l'affichage de données géographiques. Il explique les fonctionnalités de base et avancées, notamment la gestion des données, la configuration des cartes, et l'intégration avec Drupal. Des exemples d'applications et des liens vers des ressources supplémentaires sont également fournis.

1. OPENLAYERS
PROJECT
UTILISATION BASIQUE ET AVANCÉE
DATE PAR
29 JANVIER 2011 KHALID JEBBARI

2. MERCI AUX SPONSORS

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

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

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

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

8. Utilisation simple
AFFICHER DES CONTENUS
GEOLOCALISÉS
1. Noeud avec carte
2. Carte globale

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

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

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

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

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

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

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

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

17. Plus d’infos
http://drupal.org/project/openlayers
http://developmentseed.org
http://osgeo.org
http://www.opengeospatial.org/
http://openlayers.org/
http://www.flickr.com/photos/developmentseed/
Revoir
http://www.slideshare.net/khalidjebbari/open-
layers-utilisation-simple-et-avancee
http://www.djebbz.com/

18. Des questions ?