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 – creating a combined build


There are a few steps we need to take to create a combined build. These are as follows:

  1. First, we will remove our JavaScript code from the HTML page and create a separate file for it. Go ahead and copy the contents of the <script> tag that contains all the JavaScript code into a file and save it as flickr_combined.js. You can, of course, call it something different but the remainder of this example will refer to it by this name. If you choose a different name, make sure to change all the references appropriately.

  2. Now, delete the JavaScript and the script tag from your HTML file. At this point, we can create a new <script> tag to load flickr_combined.js and everything should work as before. If you want to try this, go ahead but remember to remove the script tag afterwards. We won't be using flickr_combined.js directly.

  3. In order for the closure compiler to find the exact parts of OpenLayers that our application needs, we need to tell it...