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

Image layers and their sources


Although there are really less image layers' sources available than a tiled one, they are also useful depending on your goal or your backend.

We will start with the image WMS layer and then cover other types.

OpenLayers' image WMS layer

Like the tile layer WMS already reviewed, this component is also using the WMS standard to retrieve the map, imayer. The thing that differs here is that you add a layer using an ol.layer.Image constructor instead of the now more usual ol.layer.Tile and, your ol.source is ol.source.ImageWMS instead. Next, you just have to complete the parameters like for a tiled WMS.

Now, let's see why we need to use untiled WMS.

See the two following images coming from the official example when you zoom in. The first one comes from http://openlayers.org/en/v3.0.0/examples/wms-tiled.html. See the following screenshot:

The second image, as shown here, is the untiled one from http://openlayers.org/en/v3.0.0/examples/wms-image.html:

You can see that, particularly...