1. OPEN LAYERS

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

3. History 200420072005 Google Maps 2006 Yahoo! Maps API Microsoft Virtual Earth API Yahoo! Maps API V2 Microsoft Live Local Kosmosnimki NASA World Wind Microsoft Live Local 3D Géoportail Géoportail 3D Google Acquires Keyhole BayernViewerBayernViewer 3D OpenLayers

4. What is OpenLayer? ◦ an API for building web mapping applications ◦ pure client-side object-oriented JavaScript, using components from Prototype.js and the Rico libraryPrototype.jsRico ◦ AJAX (Asynchronous JavaScript and XML) ◦ efficient tiling ◦ BSD licensed (standard licence for open source software)

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

6. The Map….

8. The Map… The map has plenty of methods to deal with: ◦ Layers addLayer(), getLayer(), removeLayer(),... ◦ Controls addControl(), getControl(), removeControl(),... ◦ To move around: zoomTo(), zoomIn(), zoomOut(), pan(), panTo(),...

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

10. The Layers… defines some common properties for all subclasses:

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

12. The Layers…

13. Raster Layers…

14. Vector Layers…

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

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

17. The Layers… OpenLayers differentiates two kinds of layers: Base layers and Overlays

18. The Layers…

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

20. The Truth About OpenLayer… ◦ Most of the JavaScript code we write with OpenLayers is transformed into HTML elements !!!

21. The Truth About OpenLayer…

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

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

24. The Controls…

27. Here is the output

28. Another output ( Vector layer )

29. Thanks for You Attention…