Book Image

OpenLayers Cookbook

Book Image

OpenLayers Cookbook

Overview of this book

Data visualization and analysis has become an important task for many companies. Understanding the basic concepts of GIS and knowing how to visualize data on a map is a required ability for many professionals today. OpenLayers is a JavaScript library to load, display, and render maps from multiple sources on web pages."OpenLayers Cookbook" teaches how to work with OpenLayers, one of the most important and complete open source JavaScript libraries.Through an extensive set of recipes, this book shows how to work with the main concepts required to build a GIS web applicationñ maps, raster and vector layers, styling, theming, and so on."OpenLayers Cookbook" includes problem solving and how-to recipes for the most common and important tasks. A wide range of topics are covered.The range of recipes includes: creating basic maps, working with raster and vector layers, understanding events and working with main controls, reading features from different data sources, styling features, and understanding the underlying architecture."OpenLayers Cookbook" describes solutions and optimizations to problems commonly found.
Table of Contents (15 chapters)
OpenLayers Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Starting actions outside the controls


Another different and drastic way to change the look of our applications is to place the controls outside the map and attach them to our own components.

Most of the OpenLayers controls have two features:

  • They realize some action (edit features, create a line, and so on)

  • They know how to render themselves on top of the map

To achieve the goal of this recipe, the idea is to separate the visualization from the action that the control does. This way, we can create some buttons and activate or deactivate a control depending on the button that is pressed:

As we can see in the screenshot, we are going to create a toolbar and place:

  • The same set of controls we can find in OpenLayers.Control.EditingToolbar, which will allow us to draw points, lines, and polygons

  • A dropdown button that will allow us to start the OpenLayers.Control.Measure action

Getting ready

We are going to use the Dojo Toolkit framework (http://dojotoolkit.org/) which we have used along with the source...