Book Image

OpenLayers 3.x Cookbook - Second Edition

By : Peter J. Langley, Antonio Santiago Perez
Book Image

OpenLayers 3.x Cookbook - Second Edition

By: Peter J. Langley, Antonio Santiago Perez

Overview of this book

OpenLayers 3 is one of the most important and complete open source JavaScript mapping libraries today. Throughout this book, you will go through recipes that expose various features of OpenLayers 3, allowing you to gain an insight into building complex GIS web applications. You will get to grips with the basics of creating a map with common functionality and quickly advance to more complicated solutions that address modern challenges. You will explore into maps, raster and vector layers, and styling in depth. This book also includes problem solving and how-to recipes for the most common and important tasks.
Table of Contents (14 chapters)
OpenLayers 3.x Cookbook Second Edition
About the Authors
About the Reviewer

Adding text labels to geometry points

Points of interest in the real world can be represented through a variety of shapes, such as circles and lines, but the geometry alone may not be informative enough for various purposes. For example, you may have some polygons representing zones, but you want to label these zones as zone A, zone B, and zone C. Or perhaps, you need to display the number of people at a location, represented with a circle and a label containing the count.

For this recipe, we will assign the name of a person to a geometry point. The features will be placed at some houses. You can use your imagination as to why this may be useful! The source code can be found in ch03/ch03-geometry-labels/. Here's a screenshot of what we'll end up with:

How to do it…

We will learn how to add useful text labels to geometry points using the following steps:

  1. Create an HTML file with OpenLayers dependencies and a div element to hold the map.

  2. Create a custom JavaScript file and instantiate the map,...