Outline

How to overlay an image using an OS Openspace base layer with an OpenLayers image overlay.

Demonstrates

OpenLayers.Layer.Image
OpenLayers.Bounds

Link

Georeference PNG Image Example

Outline

Shows how to assign unique attribute values to individual popups and display these values within an assosciated popup.

Demonstrates

OpenLayers.Layer.Vector
OpenLayers.Geometry.Point
OpenLayers.Control.SelectFeature
OpenLayers.Popup
[marker].attributes

Link

Popup Attributes Example

Outline

Shows how to show and hide a styled popup associated with a marker by simply moving the mouse over the marker.

Demonstrates

OpenLayers.Layer.Vector
OpenLayers.Geometry.Point
OpenLayers.Control.SelectFeature
OpenLayers.Popup.FramedCloud

Link

Style Rule Example

Outline

Shows how to assign a PNG image to a popup and display this image when hovering over a set marker.

Demonstrates

OpenLayers.Layer.Vector
OpenLayers.Geometry.Point
OpenLayers.Control.SelectFeature
OpenLayers.Popup

Link

Popup PNG Example

Outline

How to change the index of an overlay layer.

Demonstrates

OpenLayers.Format.WKT
OpenLayers.Layer.Vector
OpenLayers.StyleMap

Link

Raise and Lower Overlay Layers Example

Outline

How to transform co-ordinates between different map projections.

Demonstrates

Proj4js library
OpenLayers.Layer.Google
OpenLayers.Bounds
OpenSpace.MapPoint(x, y).transform
OpenLayers.Projection

Link

Transformation between Map Projections Example