open layers

29
OPEN LAYERS

Upload: chiko

Post on 25-Feb-2016

83 views

Category:

Documents


1 download

DESCRIPTION

Open layers. History. Google Maps Announced on February 2005 Possibility to explore the world OpenLayers First release on June 2006 Open alternative to Google Maps and Bing made by a group of MetaCarta employees. Géoportail 3D. OpenLayers. BayernViewer. BayernViewer 3D. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Open layers

OPEN LAYERS

Page 2: Open layers

HistoryGoogle Maps◦ Announced on February 2005◦ Possibility to explore the world

OpenLayers◦ First release on June 2006◦Open alternative to Google Maps and Bing made by a group of MetaCarta

employees

Page 3: Open layers

History

2004 20072005

Google

Maps

2006

Yahoo

! Map

s API

Microso

ft Virtu

al Ea

rth API

Yahoo

! Map

s API

V2

Microso

ft Live

Local

Kosm

osnim

ki

NASA W

orld W

ind

Microso

ft Live

Local

3D

Géopo

rtail

Géopo

rtail 3

D

Google

Acqu

ires K

eyho

le

Bayern

Viewer

Bayern

Viewer

3D

OpenL

ayer

s

Page 4: Open layers

What is OpenLayer?◦an API for building web mapping applications◦pure client-side object-oriented JavaScript, using components

from Prototype.js and the Rico library ◦AJAX (Asynchronous JavaScript and XML)◦efficient tiling◦BSD licensed (standard licence for open source software)

Page 5: Open layers

The Map….◦The map is the central piece on a web mapping application

and is represented by instances of the OpenLayers.Map class◦The map has some important properties: 

projection, resolutions(zoom levels), units, etc◦A map contains one or more layers◦A map can contain one or more controls

Page 6: Open layers

The Map….

Page 7: Open layers

The Map….

Page 8: Open layers

The Map…The map has plenty of methods to deal with:

◦LayersaddLayer(), getLayer(), removeLayer(), ...◦ControlsaddControl(), getControl(), removeControl(), ...◦To move around:zoomTo(), zoomIn(), zoomOut(), pan(), panTo(), ...

Page 9: Open layers

The Layers…

◦The concept of Layer allows us to group/classify the elements that must be rendered on the Map

◦All layers inherit from the base class OpenLayers.Layer

Page 10: Open layers

The Layers…defines some common properties for all subclasses:

Page 11: Open layers

The Layers…We can classify layers in two main categories:◦Raster (for imagery) Raster layers show imagery from different service providers: Google, Bing, a WMS server, OSM, etc

◦Vector (for features)Vector layers allows us to work with features loaded from a data source...A feature is digital representation of something in the real world: city, river, mountain, ...

Page 12: Open layers

The Layers…

Page 13: Open layers

Raster Layers…

Page 14: Open layers

Vector Layers…

Page 15: Open layers

The Layers…◦The protocol determines the way a vector layer

communicates with a data source (HTTP,…). It must be an instance of some of the OpenLayers.Protocol subclasses

◦The format determines how features must be read or written. It must be an instance of some of the OpenLayers.Format subclasses

Page 16: Open layers

The Layers…When a layer must be drawn:◦The layer calls the protocol so it can load the data◦The protocol communicates with the data source and reads

the data◦The protocol uses the specified format to transform the data

into features and add them to the layer◦The layer delegates to the renderer the task to render

the features◦The renderer draws each feature

Page 17: Open layers

The Layers…

OpenLayers differentiates two kinds of layers: 

Base layers and Overlays

Page 18: Open layers

The Layers…

Page 19: Open layers

The Layers…

◦Base layers are mutually exclusive, only one can be shown at a time

◦There can be any number of OverLays◦The isBaseLayer() property inherited from OpenLayers.Layer

determines the kind of the Layer

Page 20: Open layers

The Truth About OpenLayer…

◦Most of the JavaScript code we write with OpenLayers is transformed into HTML elements !!!

Page 21: Open layers

The Truth About OpenLayer…

Page 22: Open layers

The Controls…

◦Controls allows to interact with the Map◦All controls inherits from base class OpenLayers.Control

Page 23: Open layers

The Controls…

◦Controls allows to interact with the Map◦All controls inherits from base class OpenLayers.Control◦OpenLayers offers controls for almost any required

action: navigation, zoom, feature selection,feature edition, etc

Page 24: Open layers

The Controls…

Page 25: Open layers
Page 26: Open layers
Page 27: Open layers

Here is the output

Page 28: Open layers

Another output ( Vector layer )

Page 29: Open layers

Thanks for You Attention…