Book Image

Mastering OpenLayers 3

By : Gábor Farkas
Book Image

Mastering OpenLayers 3

By: Gábor Farkas

Overview of this book

OpenLayers 3 allows you to create stunning web mapping and WebGIS applications. It uses modern, cutting edge browser technologies. It is written with Closure Library, enabling you to build browser-independent applications without painful debugging ceremonies, which even have some limited fallback options for older browsers. With this guide, you will be introduced to the world of advanced web mapping and WebGIS. First, you will be introduced to the advanced features and functionalities available in OpenLayers 3. Next, you will be taken through the key points of creating custom applications with OpenLayers 3. You will then learn how to create the web mapping application of yours (or your company's) dream with this open source, expense-free, yet very powerful library. We’ll also show you how to make amazing looking thematic maps and create great effects with canvas manipulation. By the end of this book, you will have a strong command of web mapping and will be well on your way to creating amazing applications using OpenLayers 3.

Related Content you might be interested in

Current Title:

Small book image
Mastering OpenLayers 3
Gábor Farkas
Jan, 2016 | 308 pages
No titles found
Table of Contents (17 chapters)
Mastering OpenLayers 3
Mastering OpenLayers 3
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Creating Simple Maps with OpenLayers 3
Creating Simple Maps with OpenLayers 3
Before getting started
Structure of OpenLayers 3
Building the layout
Using the API documentation
Debugging the code
Summary
2
Applying Custom Styles
Applying Custom Styles
Before getting started
Customizing the default appearance
Styling vector layers
Customizing the appearance with JavaScript
Creating a WebGIS client layout
Summary
3
Working with Layers
Working with Layers
Before getting started
Building a layer tree
Adding layers dynamically
Adding vector layers with the File API
Adding vector layers with a library
Removing layers dynamically
Changing layer attributes
Changing the layer order with the Drag and Drop API
Clearing the message bar
Summary
4
Using Vector Data
Using Vector Data
Before getting started
Accessing attributes
Setting attributes
Validating attributes
Creating thematic layers
Saving vector data
Saving with WFS-T
Modifying the geometry
Summary
5
Creating Responsive Applications with Interactions and Controls
Creating Responsive Applications with Interactions and Controls
Before getting started
Building the toolbar
Mapping interactions to controls
Building a set of feature selection controls
Adding new vector layers
Building a set of drawing tools
Modifying and snapping to features
Creating new interactions
Building a measuring control
Summary
6
Controlling the Map – View and Projection
Controlling the Map – View and Projection
Before getting started
Customizing a view
Constraining a view
Creating a navigation history
Working with extents
Rotating a view
Changing the map's projection
Creating custom animations
Summary
7
Mastering Renderers
Mastering Renderers
Before getting started
Using different renderers
Creating a WebGL map
Drawing lines and polygons with WebGL
Blending layers
Clipping layers
Exporting a map
Creating a raster calculator
Creating a convolution matrix
Clipping a layer with WebGL
Summary
8
OpenLayers 3 for Mobile
OpenLayers 3 for Mobile
Before getting started
Responsive styling with CSS
Generating geocaches
Adding device-dependent controls
Vectorizing the mobile version
Making the mobile application interactive
Summary
9
Tools of the Trade – Integrating Third-Party Applications
Tools of the Trade – Integrating Third-Party Applications
Before getting started
Exporting a QGIS project
Importing shapefiles
Spatial analysis with Turf
Spatial analysis with JSTS
3D rendering with Cesium
Summary
10
Compiling Custom Builds with Closure
Compiling Custom Builds with Closure
Before getting started
Configuring Node JS
Compiling OpenLayers 3
Bundling an application with OpenLayers 3
Extending OpenLayers 3
Creating rich documentation with JSDoc
Summary
Index
Index

Before getting started

As we are going to use QGIS in this chapter, you will need to have a working copy installed on your computer. Installing QGIS is straightforward; therefore, we will not discuss the process. For the best possible experience, update the software to its latest version before proceeding further. The example was created with QGIS 2.10 Pisa.

Tip

If you are using Windows or you need the source code, you can download both at http://qgis.org/en/site/forusers/download.html.

We will also use some third-party libraries, which are provided with the examples. You can find them in the js folder under the appropriate subdirectory. We will need Shapefile JS, Turf, JSTS, Cesium, and OL3-Cesium. The Cesium library is handled as part of the OL3-Cesium integration library; therefore, it is located in the latter's folder. For this chapter, we will use ch03_layerorder for the base of our code, just like we did in the previous one.

Previous Section
End of Section 2
Next Section