Open layers - utilisation simple et avancée

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

description

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

Transcript of Open layers - utilisation simple et avancée

Page 1: Open layers - utilisation simple et avancée

PROJECT

DATE CLIENT13 DÉCEMBRE 2010 KHALID JEBBARI

OPENLAYERSUTILISATION BASIQUE ET AVANCÉE

Page 2: Open layers - utilisation simple et avancée

Plan

Openlayers ?

Pourquoi ?

Comment ?

Utilisation simple

Utilisation avancée

Page 3: Open layers - utilisation simple et avancée

OpenLayers ?

Librairie Javascipt Open Source

OSGeo, OpenGIS

Module Drupal qui l’exploite

Page 4: Open layers - utilisation simple et avancée

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

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

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

Utilisation simple

1. Noeud avec carte

2. Carte globale

AFFICHER DES CONTENUSGEOLOCALISÉS

Page 8: Open layers - utilisation simple et avancée

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

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

Node view

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

Page 11: Open layers - utilisation simple et avancée

Node view (2)

... ou sous forme de carte.

Page 12: Open layers - utilisation simple et avancée

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

Page 13: Open layers - utilisation simple et avancée

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

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

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

Créditsby Khalid Jebbarilundi 13 décembre 2010drupal user : DjebbZ

http://drupal.org/project/openlayershttp://developmentseed.orghttp://osgeo.orghttp://www.opengeospatial.org/