Open layers - utilisation simple et avancée

Post on 07-Jul-2015

3.959 views 2 download

description

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

Transcript of Open layers - utilisation simple et avancée

PROJECT

DATE CLIENT13 DÉCEMBRE 2010 KHALID JEBBARI

OPENLAYERSUTILISATION BASIQUE ET AVANCÉE

Plan

Openlayers ?

Pourquoi ?

Comment ?

Utilisation simple

Utilisation avancée

OpenLayers ?

Librairie Javascipt Open Source

OSGeo, OpenGIS

Module Drupal qui l’exploite

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

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

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

Utilisation simple

1. Noeud avec carte

2. Carte globale

AFFICHER DES CONTENUSGEOLOCALISÉS

Utilisation simple (démo)

OpenLayers, OpenLayers UI, OpenLayers CCK, OpenLayers Views

OpenLayers GeoCoder : adresse => position

OpenLayers Plus : pack de behaviors

MODULES UTILISÉS

Node create/edit

Map pour situer le(s) point(s) ou la(les) zone(s)

Champ geocoding “Search address”(module Openlayers_geocoding)

Node view

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

Node view (2)

... ou sous forme de carte.

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 Maphttp://data.worldbank.org/

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

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