Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • OpenLayers Cookbook
  • Toc
  • feedback
OpenLayers Cookbook

OpenLayers Cookbook

4.8 (9)
close
OpenLayers Cookbook

OpenLayers Cookbook

4.8 (9)

Overview of this book

Data visualization and analysis has become an important task for many companies. Understanding the basic concepts of GIS and knowing how to visualize data on a map is a required ability for many professionals today. OpenLayers is a JavaScript library to load, display, and render maps from multiple sources on web pages."OpenLayers Cookbook" teaches how to work with OpenLayers, one of the most important and complete open source JavaScript libraries.Through an extensive set of recipes, this book shows how to work with the main concepts required to build a GIS web applicationñ maps, raster and vector layers, styling, theming, and so on."OpenLayers Cookbook" includes problem solving and how-to recipes for the most common and important tasks. A wide range of topics are covered.The range of recipes includes: creating basic maps, working with raster and vector layers, understanding events and working with main controls, reading features from different data sources, styling features, and understanding the underlying architecture."OpenLayers Cookbook" describes solutions and optimizations to problems commonly found.
Table of Contents (15 chapters)
close
close
OpenLayers Cookbook
OpenLayers Cookbook
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Web Mapping Basics
Web Mapping Basics
Introduction
Creating a simple full screen map
Different ways to include OpenLayers
Understanding base and non-base layers
Avoiding the need of a base layer
Playing with the map's options
Managing map's stack layers
Managing map's controls
Moving around the map view
Restricting the map extent
2
Adding Raster Layers
Adding Raster Layers
Introduction
Using Google Maps imagery
Using Bing imagery
Adding WMS layer
Wrapping the date line options
Changing the zoom effect
Changing the layer opacity
Using WMS with single tile mode
Buffering the layer data to improve the map navigation
Creating an image layer
Setting the tile size in WMS layers
3
Working with Vector Layers
Working with Vector Layers
Introduction
Adding a GML layer
Adding a KML layer
Creating features programmatically
Reading and creating features from a WKT
Adding markers to the map
Using point features as markers
Working with popups
Adding features from a WFS server
Using the cluster strategy
Filtering features in WFS requests
Reading features directly using Protocols
4
Working with Events
Working with Events
Introduction
Creating a side-by-side map comparator
Implementing a work in progress indicator for map layers
Listening for vector layer features' events
Listening for non-OpenLayers events
5
Adding Controls
chevron up
Adding Controls
Introduction
Adding and removing controls
Adding a navigation history control
Working with geolocation
Placing controls outside the map
Editing features on multiple vector layers
Modifying features
Measuring distances and areas
Getting feature information from data source
Getting information from the WMS server
6
Theming
Theming
Introduction
Understanding how themes work using the img folder
Understanding how themes work using the theme folder
Delimiting tiles in a raster layer
Creating a new OpenLayers theme
Starting actions outside the controls
7
Styling Features
Styling Features
Introduction
Styling features using symbolizers
Improving style using StyleMap and the replacement of feature's attributes
Playing with StyleMap and the render intents
Working with unique value rules
Defining custom rules to style features
Styling clustered features
8
Beyond the Basics
Beyond the Basics
Introduction
Working with projections
Retrieving remote data with OpenLayers.Request
Creating a custom control
Creating a custom renderer
Selecting features intersecting with a line
Making an animation with image layers
Index
Index

Working with geolocation

With the arrival of HTML5, one of the many new APIs and concepts introduced in the specification is the possibility to identify the location of the client that is loading the web page, through the Geolocation API (http://dev.w3.org/geo/api/spec-source.html). Of course, in the world of web mapping applications, this opens new and great possibilities.

In this recipe, we are going to show how easily we can identify the current location of the user and center the map's viewport to it:

Every time the user clicks on the Geolocation button, the map's viewport will be moved to the current user's location and a marker will be placed on it. Also, when the mouse goes over the marker, a popup with the current location will be shown.

Getting ready

As we mentioned at the beginning of the recipe, Geolocation is a feature that the browser must implement, so we need an HTML5 compliant browser to make this control work.

How to do it...

  1. First create the HTML file with OpenLayers dependencies...

End of Section 5
Next Section
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete