Book Image

OpenLayers 3: Beginner's Guide

By : Thomas Gratier, Paul Spencer, Erik Hazzard
Book Image

OpenLayers 3: Beginner's Guide

By: Thomas Gratier, Paul Spencer, Erik Hazzard

Overview of this book

<p>This book is a practical, hands-on guide that provides you with all the information you need to get started with mapping using the OpenLayers 3 library.</p> <p>The book starts off by showing you how to create a simple map. Through the course of the book, we will review each component needed to make a map in OpenLayers 3, and you will end up with a full-fledged web map application. You will learn the key role of each OpenLayers 3 component in making a map, and important mapping principles such as projections and layers. You will create your own data files and connect to backend servers for mapping. A key part of this book will also be dedicated to building a mapping application for mobile devices and its specific components.</p>
Table of Contents (22 chapters)
OpenLayers 3 Beginner's Guide
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Controls overview


After this long introduction to manipulation of controls, let's review all of them step by step. You can refer to the following diagram for a quick overview of the class hierarchy:

As you can see, all ol.control.* classes inherit from ol.control.Control.

So, first let's see this ol.control.Control.

The ol.control.Control class

The ol.control.Control is the parent class of all the available controls. It inherits from ol.Object, an abstract class that also inherits from ol.Observable, a convenient class to provide and manage listeners.

Control options

This object is responsible for the common options that all controls contain. All controls inherit from ol.control.Control, and it's exactly the same for the options. To understand its properties, just review how a control can be described.

"A control is a DOM element related to the map and that can be attached to an existing DOM element."

If you refer to the following table. The DOM element is the element property, the place that contains...