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

Improving style using StyleMap and the replacement of feature's attributes


We can summarize that there are two ways to style a feature. The first is applying a symbolizer hash directly to the feature (see the Styling features using symbolizers recipe). The second is applying the style to the layer so every feature contained in it becomes styled.

The second one is the preferred way in many situations. It is a generic way to style all the features in a layer by setting some styles and rules.

This recipe shows how we can use the StyleMap instances and how easily we can style all the points of a layer without applying a style on each feature. The output of this recipe should look similar to the following screenshot:

In addition, the technique we will use allows us to involve the feature's attributes to select a point radius and color, creating them all together more dynamically.

How to do it...

  1. Once we have created the HTML file with OpenLayers dependencies, start creating the div element that...