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

Time for action – reprojecting extent


Until now, we only see how to do reprojection using points coordinates but how can we do it for extent?

  1. Head to one of the official examples at http://openlayers.org/en/v3.0.0/examples/wms-image-custom-proj.html?mode=raw and see that you have extent at the layer level typing:

    console.log(extent);
  2. Apply a built-in function to transform extent from one coordinate's projection to another one:

    ol.proj.transformExtent(extent, 'EPSG:21781', 'EPSG:4326');

What just happened ?

We reused the function behind the ol.proj.transform function without knowledge.

The ol.proj.transformExtent method expects an extent as a first parameter, as a second parameter, it needs the origin projection, and as a third parameter, it's the destination projection. We declared that we use as input the extent; as origin, EPSG:2181; and as destination, EPSG:4326. At the internal OpenLayers 3 library level, the function loops on the extent and transforms each coordinate.

With this function,...