Book Image

OpenLayers 2.10 Beginner's Guide

Book Image

OpenLayers 2.10 Beginner's Guide

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
OpenLayers 2.10 Beginner's Guide
Mar, 2011 | 372 pages
No titles found
Table of Contents (18 chapters)
OpenLayers 2.10
OpenLayers 2.10
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
Getting Started with OpenLayers
Getting Started with OpenLayers
What is OpenLayers?
What, technically, is OpenLayers?
Anatomy of a web-mapping application
Relation to Google / Yahoo! / and other mapping APIs
The OpenLayers website
Time for action – downloading OpenLayers
Time for action – creating your first map
How the code works
Behind the scenes—Object Oriented Programming (OOP)
Time for Action – play MadLibs
Now what?
Where to go for help
OpenLayers source code repository
Summary
2
Squashing Bugs With Firebug
Squashing Bugs With Firebug
What is Firebug?
Setting up Firebug
Time for Action – downloading Firebug
Firebug controls
Panel conclusion
Using the Console panel
Time for Action – executing code in the Console
Time for Action – creating object literals
Time for Action – interacting with a map
Summary
3
The 'Layers' in OpenLayers
The 'Layers' in OpenLayers
What's a layer?
Layers in OpenLayers
Time for Action – creating a map with multiple layers
Creating layer objects
Time for Action – configuring the options parameter
Configuring layer options
Map tiles
Available layer properties
The OpenLayers.Layer class
Other layer types
Time for Action – creating a Google Maps layer
Time for Action – using the image layer
Accessing layer objects
Time for Action – accessing map.layers
Time for Action – accessing layer objects in Firebug
Layer class methods
Time for Action – defining a global layer object variable
Summary
4
Wrapping Our Heads Around Projections
Wrapping Our Heads Around Projections
Map projections
Time for Action – using different projection codes
Time for Action – determining LonLat coordinates
OpenLayers projection class
Transforming projections
Time for Action – coordinate transforms
Time for Action – setting up Proj4js.org
Summary
5
Interacting with Third Party APIs
Interacting with Third Party APIs
Third party mapping APIs
Google Maps
Time for Action – using Goole Maps V3 (standard way)
Time for Action – creating a Google Map layer with V2 (Deprecated)
Yahoo! Maps API
Time for Action – using the Yahoo! Maps Layer
Microsoft's mapping API
Time for Action – creating a Bing/Virtual Earth Layer
OpenStreetMap
Time for Action – creating an OpenStreetMap Layer
Spherical Mercator
Time for Action – using Spherical Mercator
Using Google Maps and other layers
Time For Action – creating your first mashup
Summary
6
Taking Control of Controls
Taking Control of Controls
What are controls?
Adding controls to your map
Time for Action – creating a map with no controls
Time for Action – adding controls to a map
OpenLayers.Control class
OpenLayers.Control subclasses
Time for Action – using attributions
Time for Action – using the NavigationHistory control
Panels
Time for Action – using Panels
Creating our own controls
Creating a custom button
Time for Action – creating a simple button
Events
Time for Action – creating a custom TYPE_TOGGLE control
Summary
7
Styling Controls
Styling Controls
What is CSS?
Time for Action – using external CSS files
OpenLayers and CSS
Time for Action – styling controls
Time for Action – styling the LayerSwitcher control
Other resources
Summary
8
Charting the Map Class
Charting the Map Class
The Map class
Map class properties
Time for Action – using the allOverlays Map property
Time for Action – setting zoom levels and maxExtent
Time for Action – using resolutions array
Time for Action – using Min and Max resolution
Time for Action – Using scales
Time for Action – working with Pan animations
Map functions
Time for Action – using control methods
Time for Action – using coordinate related functions
Doing stuff with events
Time for Action – using eventListeners
Time for Action – working with Map events
Multiple maps
Time for Action – using multiple map objects
Time for Action – creating a multiple map and custom event application
Summary
9
Using Vector Layers
Using Vector Layers
What is the Vector Layer?
Time for Action – creating a Vector Layer
How the Vector Layer works
Time for Action – changing the Renderers array
Vector Layer class
Time for Action – adding features
Time for Action – destroying features
Time For Action – working with feature events
Vector Layer class events
Time For Action – using Vector Layer events
Time For Actions – working with more events
Geometry and Feature classes
Time for Action – using Geometry class methods
Time For Action – using the SelectFeature control
The Vector class, part two
Time for Action – creating a Vector Layer
Using the Vector Layer without a Protocol class
Time for Action – using the Format and Strategy classes alone
Format class
Strategy class
Summary
10
Vector Layer Style Guide
Vector Layer Style Guide
Styling the Vector Layer
Time For Action – applying some basic Styling
The StyleMap class
The Style class
Time for Action – common style examples
Attribute replacement
Time For Action – working with attribute replacement
Rules and filters
Time For Action – using addUniqueValueRules
Rules and filters
Time for Action – using rules and filters
OpenLayers.Rule class
OpenLayers.Filter class
Time For Action – figuring out logical filters
Summary
11
Making Web Map Apps
Making Web Map Apps
Development strategies
Creating a web map application using Flickr
Time For Action – getting Flickr data
Time for Action – adding data to your map
Time for Action – extract style
Turning our example into an application
Time for Action – adding some interactivity
Using real time data with a ProxyHost
Time for Action – getting dynamic data
Wrapping up the application
Time For Action – adding dynamic tags to your map
Deploying an application
Building the OpenLayers Library file
Time for Action – building a Config file
Time for Action – running the Build script
Summary
Index
Index

Time for Action – using Goole Maps V3 (standard way)

Let's create a map using V3 of the Google Maps API. We've already done this in Chapter 3, so you should be somewhat familiar with it. This is the standard way to use the Google Maps Layer, and you should use this method unless you specifically need a layer type in V2 that V3 does not yet support.

Note

With versions of OpenLayers prior to 2.10, accessing Google Maps V3 may not work.

  1. Version 3 of the Google Maps API does not require an API key. However, you still must include the following in your <head> section, so OpenLayers knows where to look for the Google Maps API library. We'll be asking the map's API and specify that we want v3.2 of the Google Maps API (you can leave the &v=3.2 parameter if you'd like to let Google Maps provide the latest version for you automatically). Add this before your OpenLayers inclusion script:

    <script src="http://maps.google.com/maps/api/js?sensor=false&v=3.2"></script>

  2. Let's start by...

Previous Section
End of Section 4
Next Section