Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • OpenLayers Cookbook
  • Toc
  • feedback
OpenLayers Cookbook

OpenLayers Cookbook

4.8 (9)
close
OpenLayers Cookbook

OpenLayers Cookbook

4.8 (9)

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)
close
OpenLayers Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Creating a new OpenLayers theme


There can be situations where we desire a completely different look for the OpenLayers theme.

As we mentioned in the chapter's introduction and other recipes (Understanding how themes work using the img folder and Understanding how themes work using the theme folder), OpenLayers theming is based on images and CSS files:

In this recipe we are going to see how we can create a new OpenLayers theme based on the default theme we can find in the theme/default folder. We are going to change some aspects of the most common controls, such as scale or scale line, overview map, or layer switcher.

Getting ready

To create a new theme, we need to create a replica for the content of the img and theme folders of the OpenLayers distribution. Both folders contain images to be used in controls, so it is easy to see why a good graphic design is important to create a good theme.

The theme called green theme, used in this chapter, is divided into folders recipes/data/green_img and...

bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete