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

Spatial analysis with Turf

In the next example, called ch09_turf, we will extend our application's topological capabilities with Turf. Turf is a well-documented, simple, but capable, library for geospatial analysis. All the basic topological functions are in the library along with some more advanced and scarce functions. Turf uses GeoJSON not only as its exchange format but also as its internal format. This enables it to skip the overhead caused by data conversion.

Tip

You can grab the most recent version of Turf from the GitHub repository at https://github.com/Turfjs/turf/releases.

First, we open the HTML file and resolve the dependencies. We have an easy job with Turf as we only have to provide one extra JavaScript file:

<head>
    […]
    <script type="text/javascript" src="../../js/turf-2.0.0/turf.min.js"></script>
</head>

Preparing an example

Before jumping into the implementation of different spatial operations, we need to tweak our example a little bit. First, as...

Previous Section
End of Section 5
Next Section