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

Introduction


It is worth mentioning that in software applications, the first impressions are the most important things, and they are given by two factors: the look and feel.

This chapter is all oriented to show how we can improve the look and feel of our web mapping application by theming OpenLayers.

As many other web applications, the look and feel of the OpenLayers library is controlled using images and CSS classes, which define the position, dimensions, and visual aspects of any OpenLayers component.

At this moment, with the Version 2.11, we can find the img and theme folders within the bundle distribution, and both are used to control the look of the OpenLayers applications.

Tip

Remember to place these folders in your project when using OpenLayers as mentioned in the Different ways to include OpenLayers recipe in Chapter 1, Web Mapping Basics.

The theme folder contains CSS files, as well as some images used within the CSS, while the img folder contains only images, used by some controls in...