1 / 29

Open layers

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.

chiko
Download Presentation

Open layers

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 MetaCartaemployees

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

  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 library • 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.Mapclass • 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….

  7. 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.Protocolsubclasses • 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. 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

  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…

  25. Here is the output

  26. Another output ( Vector layer )

  27. Thanks for You Attention…

More Related