Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Mastering OpenLayers 3

You're reading from   Mastering OpenLayers 3 Create powerful applications with the most robust open source web mapping library using this advanced guide

Arrow left icon
Product type Paperback
Published in Jan 2016
Publisher
ISBN-13 9781785281006
Length 308 pages
Edition 1st Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
G√°bor Farkas G√°bor Farkas
Author Profile Icon G√°bor Farkas
G√°bor Farkas
Arrow right icon
View More author details
Toc

Table of Contents (12) Chapters Close

Preface 1. Creating Simple Maps with OpenLayers 3 2. Applying Custom Styles FREE CHAPTER 3. Working with Layers 4. Using Vector Data 5. Creating Responsive Applications with Interactions and Controls 6. Controlling the Map – View and Projection 7. Mastering Renderers 8. OpenLayers 3 for Mobile 9. Tools of the Trade – Integrating Third-Party Applications 10. Compiling Custom Builds with Closure Index

Creating thematic layers


In this example, called ch04_thematic, we will create an automatic solution for thematic mapping. It will include graduated and categorized symbology. To keep the example as simple as possible, we will make some generally incorrect assumptions. Firstly, we assume that we only have to style polygon layers. For graduated symbology, we hard code the intervals to five and also the color ramp starting from a beige tone and ending in a burgundy color. We will implement the whole code into our layer tree.

Extending the layer tree

We create the required GUI options in the layer tree. Firstly, we check against the origin of the layer. If it is a vector layer, we create an empty list and three buttons for the different styling options. Then, we save the default style in the layer, as it will enable us to restore the original styling. Finally, we register an event listener to the layer object. If the headers are changed, we rebuild the attribute list in the layer tree:

this.createRegistry...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image