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

Open layers - utilisation simple et avancée

Jul 07, 2015

Download

Technology

Khalid Jebbari

Présentation faite au Drupal Meetup à Paris le 13 décembre 2010.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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/