OpenLayers Examples

OpenLayers

(207) show all

Accelerometer
(accelerometer.html)

The goal of this script is to demonstrate the usage of accelerometer.

...tagged with browser, vendor, mobile, orientation
An accessible click control implementation
(accessible-click-control.html)

null

...tagged with click, control, accessibility
Custom and accessible panel
(accessible-panel.html)

Create a custom and accessible panel, styled entirely with CSS.

...tagged with panels, CSS, style, accessibility, button
Accessible Example
(accessible.html)

Demonstrate the KeyboardDefaults control and how to use links with Access Keys to navigate the map with the keyboard.

OpenLayers.Control.KeyboardDefaults,OpenLayers.Map,OpenLayers.Layer.WMS

...tagged with keyboard, pan, panning, zoom, zooming, accesskey
All Overlays with Google and OSM
(all-overlays-google.html)

Using the Google and OSM layers as overlays.

...tagged with overlay, baselayer, google, osm, openstreetmap, light
OpenLayers Overlays Only Example
(all-overlays.html)

Demonstrates a map with overlays only.

OpenLayers.Map,OpenLayers.Bounds,OpenLayers.StyleMap,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.HTTP,OpenLayers.Format.GeoJSON,OpenLayers.Control.LayerSwitcher

...tagged with overlay, baselayer, light
AnchorPermalink Example
(anchor-permalink.html)

Place a permalink in the anchor of the url.

...tagged with anchor, permalink
map.panTo Example
(animated_panning.html)

Show animated panning effects in the map

OpenLayers.Control.Click = OpenLayers.Class,OpenLayers.Util.extend,OpenLayers.Control.prototype.initialize.apply,OpenLayers.Handler.Click,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Control.Click,OpenLayers.Control.OverviewMap,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat

...tagged with panning, animation, effect, smooth, panMethod
ArcGIS Server 9.3 Rest API Example
(arcgis93rest.html)

Shows the basic use of openlayers using an ArcGIS Server 9.3 Rest API layer

OpenLayers.Bounds,OpenLayers.Map,OpenLayers.Layer.ArcGIS93Rest,OpenLayers.Control.MousePosition,OpenLayers.LonLat

...tagged with ESRI, ArcGIS, REST, filter
OpenLayers ArcGIS Cache Example (MapServer Access)
(arcgiscache_ags.html)

Demonstrates the basic initialization of the ArcGIS Cache layer using a prebuilt configuration, and standard tile access.

OpenLayers.Bounds,OpenLayers.Bounds,OpenLayers.Map,OpenLayers.Size,OpenLayers.Layer.ArcGISCache,OpenLayers.Size,OpenLayers.LonLat,OpenLayers.Layer.Google,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.MousePosition,OpenLayers.Bounds

...tagged with arcgis, arcgiscache, cache, tms
ArcGIS Server Map Cache Example (Direct Access)
(arcgiscache_direct.html)

Demonstrates the basic initialization of the ArcGIS Cache layer using a prebuilt configuration, and direct tile access from a file store.

OpenLayers.Size,OpenLayers.LonLat,OpenLayers.Bounds,OpenLayers.Bounds,OpenLayers.Map,OpenLayers.Control.Navigation,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.PanZoomBar,OpenLayers.Control.MousePosition,OpenLayers.Layer.ArcGISCache,OpenLayers.Layer.ArcGISCache,OpenLayers.Bounds,OpenLayers.Bounds

...tagged with
OpenLayers ArcGIS Cache Example (Autoconfigure with JSONP)
(arcgiscache_jsonp.html)

Demonstrates the basic initialization of the ArcGIS Cache layer by using the server capabilities object.

OpenLayers.Protocol.Script,OpenLayers.Layer.ArcGISCache,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.MousePosition,OpenLayers.Bounds,OpenLayers.Bounds

...tagged with arcgis, arcgiscache, cache, tms, jsonp
ArcIMS Thematic Example
(arcims-thematic.html)

Shows the advanced use of OpenLayers using a thematic ArcIMS layer

OpenLayers.Map,OpenLayers.Layer.ArcIMS,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher

...tagged with ESRI, ArcIMS, ArcXML, style, thematic, chloropleth, representation
ArcIMS Example
(arcims.html)

Shows the basic use of OpenLayers using an ArcIMS layer

OpenLayers.Map,OpenLayers.Layer.ArcIMS,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher

...tagged with ESRI, ArcIMS
Attribution Example
(attribution.html)

Shows the use of the attribution layer option on a number of layer types.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.Attribution

...tagged with copyright, watermark, logo, attribution, light
Vector Behavior Example (Fixed/HTTP/GML)
(behavior-fixed-http-gml.html)

Vector layer with a Fixed strategy, HTTP protocol, and GML format.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.HTTP,OpenLayers.Format.GML,OpenLayers.Bounds

...tagged with vector, strategy, strategies, protocoll, advanced, gml, http, fixed
Bing Tiles with a Subset of Resolutions Example
(bing-tiles-restrictedzoom.html)

Use Bing with direct tile access

...tagged with bing tiles restrictedMinZoom numZoomLevels
Basic Bing Tiles Example
(bing-tiles.html)

Use Bing with direct tile access

...tagged with bing tiles, light
Bing Example
(bing.html)

Demonstrates the use of Bing layers.

OpenLayers.Map,OpenLayers.Control.LayerSwitcher,OpenLayers.Layer.Bing,OpenLayers.Layer.Bing,OpenLayers.Layer.Bing,OpenLayers.LonLat

...tagged with Bing, Microsoft, Virtual Earth, light
null
(bootstrap.html)

null

...tagged with null
Boxes Example Vector
(boxes-vector.html)

Demonstrate marker and box type annotations on a map.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Bounds.fromArray,OpenLayers.Feature.Vector,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.SelectFeature

...tagged with box, vector, annotation, light
Boxes Example
(boxes.html)

Demonstrate marker and box type annotations on a map.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Boxes,OpenLayers.Bounds.fromArray,OpenLayers.Marker.Box,OpenLayers.Control.LayerSwitcher

...tagged with box, annotation
Browser detection
(browser.html)

The goal of this script is to inform about the capacity of the browser used by the user.

...tagged with browser, vendor, mobile, events, HTML5, gesture, touch
Buffer Example
(buffer.html)

This example shows the use of the buffer layer option for any layer that inherits from OpenLayers.Layer.Grid.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Control.LayerSwitcher,OpenLayers.LonLat

...tagged with buffer, performance, tile, light
Cache Read Example
(cache-read.html)

Caching viewed tiles

...tagged with mobile, local storage, persistence, cache, html5
Cache Write Example
(cache-write.html)

Caching viewed tiles

...tagged with mobile, local storage, persistence, cache, html5
Feature Hit Detection with Canvas
(canvas-hit-detection.html)

Demonstrates detection of feature hits with the canvas renderer.

...tagged with null
Canvas Inspector
(canvas-inspector.html)

Displays pixel values for canvas context.

...tagged with null
Canvas Renderer Example
(canvas.html)

Demonstrates the use of the canvas renderer with a vector layer.

...tagged with canvas, renderer, advanced,
Reading Features From CartoDB using GeoJSON
(cartodb-geojson.html)

Demonstrates how to load features on OpenLayers using CartoDB SQL API.

OpenLayers.Map,OpenLayers.Layer.OSM,OpenLayers.Layer.Vector,OpenLayers.Projection,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.Script,OpenLayers.Format.GeoJSON

...tagged with protocol, script, cartodb
Click Handler Example
(click-handler.html)

This example shows the use of the click handler.

OpenLayers.Control.Click = OpenLayers.Class,OpenLayers.Util.extend,OpenLayers.Control.prototype.initialize.apply,OpenLayers.Handler.Click,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Control.Click,OpenLayers.Control.Click,OpenLayers.Control.Click,OpenLayers.Control.Click,OpenLayers.Control.Click,OpenLayers.Control.Click

...tagged with event, events, propagation, advanced
Click Event Example
(click.html)

This example shows the use of the click handler and getLonLatFromPixel functions to trigger events on mouse click.

OpenLayers.Control.Click = OpenLayers.Class,OpenLayers.Util.extend,OpenLayers.Control.prototype.initialize.apply,OpenLayers.Handler.Click,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Control.LayerSwitcher,OpenLayers.LonLat,OpenLayers.Control.Click

...tagged with click control, double, doubleclick, double-click, event, events, propagation, light
Client Zoom
(clientzoom.html)

This example demonstrates the <strong>"client zoom"</strong> functionality, where OpenLayers stretches the layer div when the resolution is not supported by that layer's tile service.

...tagged with client zoom continuous zooming
Map Controls Example
(controls.html)

Attach zooming, panning, layer switcher, overview map, and permalink map controls to an OpenLayers window.

OpenLayers.Map,OpenLayers.Control.Navigation,OpenLayers.Control.PanZoomBar,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.Permalink,OpenLayers.Control.ScaleLine,OpenLayers.Control.Permalink,OpenLayers.Control.MousePosition,OpenLayers.Control.OverviewMap,OpenLayers.Control.KeyboardDefaults,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Layer.WMS

...tagged with control, basic
CQL Filter Example
(cql-format.html)

Demonstrate use the CQL filter.

...tagged with CQL, filter
Script Protocol With XML
(cross-origin-xml.html)

Demonstrates how, with a custom parseFeatures method, the script protocol can be used with YQL for cross-origin loading of files in any of the XML formats supported by OpenLayers.

...tagged with protocol, script, cross origin, xml, advanced
Script Protocol
(cross-origin.html)

Demonstrates the use of a script protocol for making feature requests cross origin.

...tagged with protocol, script, cross origin, advanced
Custom Control Example
(custom-control.html)

Demonstrate the addition of a rectangle to the OpenLayers window.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Control,OpenLayers.Util.extend,OpenLayers.Handler.Box,OpenLayers.Pixel,OpenLayers.Pixel,OpenLayers.LonLat

...tagged with control, panel, rectangle, light
Custom Style Example
(custom-style.html)

Demonstrate changing CSS styles on controls in the OpenLayers window.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Control.MousePosition,OpenLayers.LonLat

...tagged with styling, css, stylesheet, theming, theme
Debug Example
(debug.html)

Demonstrate console calls to a Firebug console. Requires Firefox. Mostly for developers.

OpenLayers.Console.log,OpenLayers.Console.log,OpenLayers.Console.warn,OpenLayers.Console.warn,OpenLayers.Console.error,OpenLayers.Console.error,OpenLayers.Console.dir,OpenLayers.Console.dirxml,OpenLayers.Console.log,OpenLayers.Console.warn,OpenLayers.Console.error,OpenLayers.Console.dir,OpenLayers.Console.dirxml

...tagged with debugging, error, fix, fixing, console, firebug, developers, advanced
OpenLayers Document Drag Example
(document-drag.html)

Keep on dragging even when the mouse cursor moves outside of the map

OpenLayers.Map,OpenLayers.Control.Navigation,OpenLayers.Control.PanZoom,OpenLayers.Control.ArgParser,OpenLayers.Control.Attribution,OpenLayers.Layer.WMS

...tagged with drag
Drawing Holes in Polygons
(donut.html)

The DrawFeature control can be used to digitize donut polygons.

...tagged with draw polygon hole
Drag Feature Example
(drag-feature.html)

Demonstrates point, line and polygon creation and editing.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Util.getParameters,OpenLayers.Layer.Vector,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.MousePosition,OpenLayers.Control.DrawFeature,OpenLayers.Control.DrawFeature,OpenLayers.Control.DrawFeature,OpenLayers.Control.DragFeature,OpenLayers.LonLat

...tagged with point, line, linestring, polygon, digitizing, geometry, draw, drag
OpenLayers Draw Feature Example
(draw-feature.html)

Demonstrate on-screen digitizing tools for point, line, polygon and box creation.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Layer.Vector,OpenLayers.Layer.Vector,OpenLayers.Layer.Vector,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.MousePosition,OpenLayers.Control.DrawFeature,OpenLayers.Control.DrawFeature,OpenLayers.Control.DrawFeature,OpenLayers.Control.DrawFeature,OpenLayers.LonLat

...tagged with point, line, linestring, polygon, box, digitizing, geometry, draw, drag
Undo/Redo Drawing
(draw-undo-redo.html)

Demonstrates the use of undo & redo methods while drawing.

...tagged with null
Dynamic POIs via a Text Layer
(dynamic-text-layer.html)

Loading dynamic data from a text file.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Strategy.BBOX,OpenLayers.Protocol.HTTP,OpenLayers.Format.Text,OpenLayers.Control.SelectFeature,OpenLayers.Popup.FramedCloud,OpenLayers.Size

...tagged with poi, dynamic data, text, format, strategy, popup, select, selection
Editing Methods
(editing-methods.html)

Demonstrates the use of editing methods for manipulating geometries while drawing.

...tagged with null
OpenLayers EditingToolbar Outside Viewport
(editingtoolbar-outside.html)

Display an editing toolbar panel outside the map viewport.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Control.EditingToolbar,OpenLayers.LonLat

...tagged with digitizing, point, line, linestring, polygon, editing, positioning, style
Editing Toolbar Example
(editingtoolbar.html)

Demonstrate polygon, polyline and point creation and editing tools.

OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Map,OpenLayers.Control.PanZoom,OpenLayers.Control.EditingToolbar,OpenLayers.LonLat

...tagged with digitizing, point, line, linestring, polygon, editing
Encoded Polyline Example
(encoded-polyline.html)

Demonstrate the use of the Encoded Polyline format.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Format.EncodedPolyline,OpenLayers.Layer.Vector

...tagged with Encoded Polyline, Google
Event Handling
(events.html)

Demonstrating various styles of event handling in OpenLayers.

OpenLayers.Map,OpenLayers.Control.Panel,OpenLayers.Control,OpenLayers.Control,OpenLayers.Control,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Control.LayerSwitcher

...tagged with event, events, handler, listener, cleanup
OpenLayers Example
(example.html)

Demonstrate a simple map with an overlay that includes layer switching controls.

...tagged with simple, basic, light
Feature Events Example
(feature-events.html)

Feature hover and click events

...tagged with feature, select, hover
Filter Strategy
(filter-strategy.html)

Demonstrates the filter strategy for limiting features passed to the layer.

...tagged with filter, strategy, strategies, kml, advanced
Filter Encoding
(filter.html)

Using the filter format write out filter objects.

OpenLayers.Format.Filter,OpenLayers.Format.Filter,OpenLayers.Format.XML,OpenLayers.Filter.Logical,OpenLayers.Filter.Comparison,OpenLayers.Filter.Comparison,OpenLayers.Filter.Spatial,OpenLayers.Bounds

...tagged with filter, format, comparison, filter encoding, fe, logical, attribute, attributive, spatial, advanced
Fractional Zoom Example
(fractional-zoom.html)

Shows the use of a map with fractional (or non-discrete) zoom levels.

OpenLayers.Map,OpenLayers.Control.Navigation,OpenLayers.Control.PanZoomBar,OpenLayers.Layer.WMS

...tagged with zoomlevel, unlimited zoom, scale
Full Screen Example
(fullScreen.html)

Demonstrate a map that fills the entire browser window.

...tagged with css, style, fullscreen, window, margin, padding, scrollbar
Reading Features From A Google Fusion Tables Table
(fusiontables.html)

Demonstrates how, with a custom read method, the script protocol and GeoJSON format can be used to read features stored in a table on Google Fusion Tables.

...tagged with protocol, script, fusion tables
Accelerometer Example
(game-accel-ball.html)

Simple acceleration demo; roll a vector feature around on a map. (Only tested on iOS 4.)

OpenLayers.Map,OpenLayers.Bounds,OpenLayers.Layer,OpenLayers.Layer.Vector,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point

...tagged with mobile, game
GeoJSON Reprojected
(geojson-reprojected.html)

Display GeoJSON data over Bing tiles

...tagged with geojson, bing, projection
GeoJSON Example
(geojson.html)

Demonstrate the use of the GeoJSON format.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Format.GeoJSON,OpenLayers.Layer.Vector

...tagged with JSON, GeoJSON, light
Geolocation Example
(geolocation.html)

Track current position and display it with its accuracy.

...tagged with geolocation, geolocate, mobile
GeoRSS from Flickr in OpenLayers
(georss-flickr.html)

Display a flickr-feed on top of the map

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher,OpenLayers.Style,OpenLayers.Rule,OpenLayers.Filter.Comparison,OpenLayers.Rule,OpenLayers.Layer.Vector,OpenLayers.Protocol.HTTP,OpenLayers.Format.GeoRSS,OpenLayers.Format.GeoRSS.prototype.createFeatureFromItem.apply,OpenLayers.Strategy.Fixed,OpenLayers.StyleMap,OpenLayers.Style,OpenLayers.Control.SelectFeature,OpenLayers.Popup,OpenLayers.LonLat,OpenLayers.Size

...tagged with georss, style, styling, marker, flickr, thumbnail, image, rule
GeoRSS Marker Example
(georss-markers.html)

Demonstrate loading a GeoRSS feed using the GeoRSS parser.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher,OpenLayers.Layer.GeoRSS,OpenLayers.Icon,OpenLayers.trac.png", new OpenLayers.Size,OpenLayers.Layer.GeoRSS

...tagged with georss, style, styling, marker, flickr, image
GeoRSS Example
(georss.html)

Display a couple of locally cached georss feeds on an a basemap.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher,OpenLayers.Util.getElement,OpenLayers.Layer.GeoRSS

...tagged with georss, style, styling, marker
WFS GetFeature Example (GeoServer)
(getfeature-wfs.html)

Shows how to use the GetFeature control to select features from a WMS layer.

OpenLayers.Map,OpenLayers.Control.PanZoom,OpenLayers.Control.Permalink,OpenLayers.Control.Navigation,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Style,OpenLayers.Layer.Vector,OpenLayers.Control.GetFeature,OpenLayers.Protocol.WFS.fromWMSLayer,OpenLayers.Bounds

...tagged with WFS, GetFeature
Feature Info Example
(getfeatureinfo-control.html)

Demonstrates the WMSGetFeatureInfo control for fetching information about a position from WMS (via GetFeatureInfo request).

OpenLayers.Map,OpenLayers.Bounds,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Control.WMSGetFeatureInfo,OpenLayers.Control.WMSGetFeatureInfo,OpenLayers.Control.LayerSwitcher

...tagged with WMS, GetFeatureInfo
Feature Info in Popup
(getfeatureinfo-popup.html)

Demonstrates the WMSGetFeatureInfo control for fetching information about a position from WMS (via GetFeatureInfo request). Results are displayed in a popup.

OpenLayers.Map,OpenLayers.Bounds,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Control.WMSGetFeatureInfo,OpenLayers.Popup.FramedCloud,OpenLayers.Control.LayerSwitcher

...tagged with WMS, GetFeatureInfo, popup
GML Layer Example
(gml-layer.html)

Loads locally stored GML vector data on a basemap. Includes GML example file.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Bounds,OpenLayers.Layer.Vector,OpenLayers.Protocol.HTTP,OpenLayers.Format.GML,OpenLayers.Strategy.Fixed

...tagged with GML
Google (Static Maps API) Grid Layer Example
(google-static.html)

Using the Google Static Maps API with a Grid Layer.

...tagged with Google, grid, static, GMaps, light
Google (v3) allOverlays Layer Example
(google-v3-alloverlays.html)

Demonstrate use the Google Maps v3 API with allOverlays set to true on the map.

...tagged with Google, overlay, light
Google (v3) Layer Example
(google.html)

Demonstrate use the Google Maps v3 API.

...tagged with Google, api key, apikey, light
Named Graphics Example
(graphic-name.html)

Shows how to use well-known graphic names.

...tagged with vector, named graphic, star, cross, x, square, triangle, circle, style, light
Graticule Example
(graticule.html)

Adds a Graticule control to the map to display a grid of latitude and longitude.

OpenLayers.Control.Graticule,OpenLayers.Map,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.PanZoomBar,OpenLayers.Control.Navigation,OpenLayers.Layer.WMS,OpenLayers.Bounds,OpenLayers.Control.Graticule,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.PanZoomBar,OpenLayers.Control.Navigation,OpenLayers.Map,OpenLayers.Layer.WMS

...tagged with graticule, grid, projection, proj4js, reproject, transform
Gutter Example
(gutter.html)

Demonstrates OpenLayer's facility for dealing with tiling artifacts.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Control.LayerSwitcher,OpenLayers.LonLat

...tagged with gutter, quality, tile, light
OpenLayers Select and Highlight Feature Example
(highlight-feature.html)

Select features on click, highlight features on hover.

OpenLayers.Map,OpenLayers.Layer.Vector,OpenLayers.Feature.Vector,OpenLayers.Geometry.fromWKT,OpenLayers.Feature.Vector,OpenLayers.Geometry.fromWKT,OpenLayers.Console.log,OpenLayers.Control.SelectFeature,OpenLayers.Control.SelectFeature,OpenLayers.LonLat

...tagged with select, highlight, hover, onmouseover, click, vector
Hover Handler Example
(hover-handler.html)

This example shows the use of the hover handler.

OpenLayers.Control.Hover = OpenLayers.Class,OpenLayers.Util.extend,OpenLayers.Control.prototype.initialize.apply,OpenLayers.Handler.Hover,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Control.Hover,OpenLayers.Control.Hover,OpenLayers.Control.Hover,OpenLayers.Control.Hover,OpenLayers.Control.Hover,OpenLayers.Control.MousePosition

...tagged with hover, onmouseover, handler, listener, event, events
Image Layer Example
(image-layer.html)

Demonstrate a single non-tiled image as a selectable base layer.

OpenLayers.Map,OpenLayers.Layer.Image,OpenLayers.Bounds,OpenLayers.Size,OpenLayers.Console.log,OpenLayers.Console.log,OpenLayers.Layer.WMS,OpenLayers.Control.LayerSwitcher

...tagged with image, imagelayer
OpenLayers Geometry Intersection Example
(intersects.html)

Use of geometry.intersects method for testing geometry intersections.

OpenLayers.Map,OpenLayers.Layer.Vector,OpenLayers.Control.MousePosition,OpenLayers.Control.EditingToolbar,OpenLayers.Format.GeoJSON,OpenLayers.LonLat

...tagged with intersection, geometry
KaMap Example
(kamap.html)

Demonstrate a tiled kamap layer as the base map, which can be pre-cached for higher performance.

OpenLayers.Map,OpenLayers.Layer.KaMap,OpenLayers.Layer.WMS,OpenLayers.Control.LayerSwitcher

...tagged with KaMap
Kinetic Dragging Example
(kinetic.html)

Demonstrates Kinetic Dragging.

...tagged with kinetic, dragging
KML Layer Example
(kml-layer.html)

Demonstrates loading and displaying a KML file on top of a basemap.

...tagged with KML
Parsing gx:Track in KML
(kml-pointtrack.html)

Demonstrates populating a PointTrack layer with gx:Track elements from KML.

...tagged with null
Parsing gx:Track in KML
(kml-track.html)

Demonstrates parsing of gx:Track elements from KML.

...tagged with KML, parser, parsing, tracks
KML Parser Example
(KMLParser.html)

Demonstrate the operation of the KML parser.

OpenLayers.Format.KML,OpenLayers.Request.GET

...tagged with KML, parsing, format
Scale Dependent Labels Example
(label-scale.html)

Demonstrates how to use a StyleMap for displaying scale dependent labels.

...tagged with label, scale, stylemap
Late Rendering
(late-render.html)

Demonstrates how a map can be rendered to an empty container after construction by calling the render method.

OpenLayers.Map,OpenLayers.Layer.WMS

...tagged with creation, render, div, light
Layer Opacity Example
(layer-opacity.html)

Demonstrate a change in the opacity for an overlay layer.

OpenLayers.Util.getElement,OpenLayers.Util.getElement,OpenLayers.Bounds,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Control.LayerSwitcher

...tagged with opacity, transparent, transparency, light
Layer Load Monitoring Example
(layerLoadMonitoring.html)

Demonstrate a method for monitoring tile loading performance.

OpenLayers.Util.getElement,OpenLayers.Map,OpenLayers.Control.LayerSwitcher,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.LonLat

...tagged with monitor, loading, light
Layer Switcher Example
(layerswitcher.html)

Demonstrates the use of the LayerSwitcher outside of the OpenLayers window.

OpenLayers.Map,OpenLayers.Control.Navigation,OpenLayers.Control.LayerSwitcher,OpenLayers.Util.getElement,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS

...tagged with tree, layerswitcher, reposition, light
OpenLayers Light - Basic Popups
(light-basic.html)

A basic use case example using the OpenLayers.light version of the library.<br /> Shows popup info bubble when hovering over features on the map

...tagged with light, vector, feature, popup
Basic Single WMS Example
(lite.html)

Show a Simple Map

OpenLayers.Map,OpenLayers.Layer.WMS

...tagged with basic, simple, minimal, cleanup
Basic MapBox OSM Example
(mapbox.html)

Shows how to use MapBox tiles in an OpenLayers map.

...tagged with mapbox xyz osm
MapGuide Layer Example
(mapguide.html)

Demonstrates how to create MapGuide tiled and untiled layers.

OpenLayers.Bounds,OpenLayers.Map,OpenLayers.Layer.MapGuide,OpenLayers.Layer.MapGuide,OpenLayers.Bounds,OpenLayers.Map,OpenLayers.Layer.MapGuide,OpenLayers.Layer.MapGuide,OpenLayers.Control.LayerSwitcher

...tagged with MapGuide, basic
OpenLayers with MapQuest Tiles
(mapquest.html)

This example demonstrates the use of MapQuest tiles with OpenLayers.

...tagged with MapQuest, OSM, XYZ
MapServer Layer
(mapserver.html)

Shows MapServer Layer

OpenLayers.Map,OpenLayers.Layer.MapServer,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher

...tagged with UMN Mapserver, tile, tiled
MapServer Single Tile Mode
(mapserver_untiled.html)

Shows single tile MapServer Layer

OpenLayers.Map,OpenLayers.Layer.MapServer,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher

...tagged with UMN Mapserver, basic, singleTile
Marker Shadows using Background Graphics/Z-Indexes
(marker-shadow.html)

This example shows off marker shadows using background graphics and z-indexes. Move the features around to show the shadows' interaction.

OpenLayers.Map,OpenLayers.Util.getParameters,OpenLayers.Layer.Vector,OpenLayers.StyleMap,OpenLayers.Control.DragFeature,OpenLayers.Pixel,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point

...tagged with markers, shadow, style
Resize a Marker
(markerResize.html)

Dynamically resize a marker

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Markers,OpenLayers.Size,OpenLayers.Pixel,OpenLayers.Icon,OpenLayers.Marker,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher,OpenLayers.Size

...tagged with animation, resizing, style, size
Markers Layer Example
(markers.html)

Show markers layer with different markers

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Layer.Text,OpenLayers.Layer.Markers,OpenLayers.Size,OpenLayers.Pixel,OpenLayers.Icon,OpenLayers.Marker,OpenLayers.LonLat,OpenLayers.Marker,OpenLayers.LonLat,OpenLayers.Marker,OpenLayers.LonLat,OpenLayers.Event.stop,OpenLayers.Control.LayerSwitcher

...tagged with Marker, event, mousedown, popup, inco
Using a Layer.Text to display markers
(markersTextLayer.html)

The Layer.Text class reads a Tab separated values file and displays it as markers on the map.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Text,OpenLayers.Control.LayerSwitcher

...tagged with textlayer, csv, tsv, basic, popup
OpenLayers Measure Example
(measure.html)

Demonstrates the measure control to measure distances and areas.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.MousePosition,OpenLayers.Style,OpenLayers.Rule,OpenLayers.StyleMap,OpenLayers.Util.getParameters,OpenLayers.Control.Measure,OpenLayers.Control.Measure,OpenLayers.LonLat

...tagged with measuring, geodesic, area, length, distance
Mobile Drawing Example
(mobile-drawing.html)

A full-screen map with drawing tools for mobile devices.

...tagged with mobile, drawing
OpenLayers with jQuery Mobile
(mobile-jq.html)

Using jQuery Mobile to display an OpenLayers map.

...tagged with mobile, jquery
Mobile example with various layer types
(mobile-layers.html)

A mobile example displaying various layer types: WMS, WFS, KML.

...tagged with mobile, WMS, WFS, KML
Mobile Navigation
(mobile-navigation.html)

Demonstrate map navigation on mobile

...tagged with mobile, touch, drag, move, zoom, navigate
OpenLayers with Sencha Touch
(mobile-sencha.html)

Using Sencha Touch to display an OpenLayers map.

...tagged with mobile, sencha touch
City of Vienna WMTS for Desktop and Mobile Devices
(mobile-wmts-vienna.html)

A full-screen map for both desktop and mobile devices. Uses language dependent CSS content and the WMTSCapabilities format to retrieve layers from the ogdwien open data initiative of the City of Vienna. Also has a lightweight custom anchor permalink functionality and uses the Geolocate control.

...tagged with mobile, vienna, ogdwien, rest, restful, wmts, geolocate, permalink
Basic Mobile Example
(mobile.html)

A basic full-screen map for mobile devices.

...tagged with mobile
OpenLayers Modify Feature By Segment Example
(modify-feature-bysegment.html)

A demonstration of using the ModifyFeature control to edit large geometries. Click the feature to select and then hover with the mouse over a segment you want to edit.

OpenLayers.Map,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.HTTP,OpenLayers.Format.GeoJSON,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.MousePosition,OpenLayers.Control.ModifyFeature,OpenLayers.Bounds

...tagged with vertices, digitizing, draw, drawing, large geometry
OpenLayers Modify Feature Example
(modify-feature.html)

A demonstration of the ModifyFeature control for editing vector features.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Util.getParameters,OpenLayers.Layer.Vector,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.MousePosition,OpenLayers.Control.DrawFeature,OpenLayers.Control.DrawFeature,OpenLayers.Control.DrawFeature,OpenLayers.Control.DrawFeature,OpenLayers.Control.ModifyFeature,OpenLayers.LonLat

...tagged with vertices, digitizing, draw, drawing
MousePosition Control
(mouse-position.html)

Use the MousePosition Control to display the coordinates of the cursor inside or outside the map div.

OpenLayers.Map,OpenLayers.Control.MousePosition,OpenLayers.Layer.WMS,OpenLayers.Util.getElement

...tagged with coordinate
OpenLayers Mousewheel Interval Example
(mousewheel-interval.html)

Let OpenLayers send less tile requests to the server when wheel-zooming.

OpenLayers.Map,OpenLayers.Control.Navigation,OpenLayers.Control.PanZoom,OpenLayers.Control.ArgParser,OpenLayers.Control.Attribution,OpenLayers.Layer.WMS

...tagged with performance, zoom by wheel
Multiple Server URLS
(multiserver.html)

Load your tiles faster by pointing to the same server, but with different urls

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat

...tagged with performance, multiple urls, request, light
null
(multitouch.html)

null

...tagged with null
Navigation Control
(navigation-control.html)

Demonstrate Navigation Control features

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Control.Navigation

...tagged with drag, move, zoom, navigate, light
Map Navigation History Example
(navigation-history.html)

A control for zooming to previous and next map extents.

OpenLayers.Map,OpenLayers.Control.NavigationHistory,OpenLayers.Control.Panel,OpenLayers.Layer.WMS

...tagged with history, basic
A navToolbar with an alwaysZoom ZoomBox
(navtoolbar-alwaysZoom.html)

Demo of a custom NavToolbar which uses a zoomBox tool that always zoom in even when the zoom box is too big.

OpenLayers.Control.CustomNavToolbar = OpenLayers.Class,OpenLayers.Control.Panel.prototype.initialize.apply,OpenLayers.Control.Navigation,OpenLayers.Control.ZoomBox,OpenLayers.Control.Panel.prototype.draw.apply,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Control.CustomNavToolbar

...tagged with navigation toolbar
Navigation Toolbar: Outside the Map
(navtoolbar-outsidemap.html)

null

OpenLayers.Map,OpenLayers.Control.PanZoom,OpenLayers.Layer.WMS,OpenLayers.Control.NavToolbar,OpenLayers.Util.getElement,OpenLayers.LonLat

...tagged with navigation toolbar, style, position, div
NavToolbar Demo
(navtoolbar.html)

Demo the NavToolbar, a subclass of Control.Panel which shows icons for navigation.

OpenLayers.Map,OpenLayers.Control.PanZoom,OpenLayers.Layer.WMS,OpenLayers.Control.NavToolbar,OpenLayers.LonLat

...tagged with navigation toolbar, basic
Offline Storage Example
(offline-storage.html)

Caching viewed tiles

...tagged with mobile, local storage, persistence, cache, html5
OpenLS Geocoding Example
(openls.html)

Show how to use an OpenLS service.

OpenLayers.Map,OpenLayers.Control.PanZoom,OpenLayers.Control.Permalink,OpenLayers.Control.Navigation,OpenLayers.Layer.OSM,OpenLayers.Request.POST,OpenLayers.Format.XLS,OpenLayers.LonLat,OpenLayers.Projection

...tagged with OpenLS, XLS, Geocoding
Z-Index/Y-Order Example
(ordering.html)

This example shows the use of z-indexing and y-ordering of external graphics. Zoom in and out to see this behavior.

OpenLayers.Map,OpenLayers.Util.getParameters,OpenLayers.Layer.Vector,OpenLayers.StyleMap,OpenLayers.Pixel,OpenLayers.Pixel,OpenLayers.Pixel,OpenLayers.Pixel,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Map,OpenLayers.Layer.Vector,OpenLayers.StyleMap,OpenLayers.Pixel,OpenLayers.Pixel,OpenLayers.Pixel,OpenLayers.Pixel,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point

...tagged with stack, stacking, zindex, ordering, light
OSM and Google Together
(osm-google.html)

Demonstrate use of an OSM layer and a Google layer as base layers.

...tagged with openstreetmap google light
Grayscale OSM Example
(osm-grayscale.html)

Show an OSM Map in grayscale

OpenLayers.Util.getElement,OpenLayers.Layer.OSM,OpenLayers.Map

...tagged with openstreetmap canvas grayscale light
OSM with Marker and Popup
(osm-marker-popup.html)

Demonstrate use of an OSM layer with a marker and a popup.

...tagged with openstreetmap osm marker popup
Basic OSM Example
(osm.html)

Show a Simple OSM Map

OpenLayers.Map,OpenLayers.Layer.OSM,OpenLayers.LonLat,OpenLayers.Projection

...tagged with openstreetmap basic light
Overview Map
(overviewmap.html)

Enable a small Overview Map that moves/interacts with your main map.

OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Map,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.OverviewMap,OpenLayers.LonLat,OpenLayers.Bounds,OpenLayers.Map,OpenLayers.Util.extend,OpenLayers.Bounds,OpenLayers.Control.OverviewMap,OpenLayers.LonLat

...tagged with overview, mapOptions, basic
Pan and Zoom Panels
(pan-zoom-panels.html)

Customizable pan and zoom panels

OpenLayers.Map,OpenLayers.Control.Navigation,OpenLayers.Control.PanPanel,OpenLayers.Control.ZoomPanel,OpenLayers.Layer.WMS,OpenLayers.LonLat

...tagged with panning, zooming, panel, CSS, style
Custom Control.Panel
(panel.html)

Create a custom control.panel, styled entirely with CSS, and add your own controls to it.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Control.ZoomBox,OpenLayers.Control.Panel,OpenLayers.Control.DrawFeature,OpenLayers.Control.ZoomToMaxExtent,OpenLayers.Control.NavigationHistory,OpenLayers.LonLat

...tagged with panels, CSS, style, basic
Point Grid Example
(point-grid.html)

Use a PointGrid layer to display a grid of regularly spaced points

...tagged with point grid
GeoRSS PointTrack in OpenLayers
(point-track-markers.html)

This demo uses OpenLayers.Layer.GeoRSS and OpenLayers.Layer.PointTrack.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher,OpenLayers.Util.getElement,OpenLayers.Layer.GeoRSS,OpenLayers.Layer.PointTrack

...tagged with GeoRSS, PointTrack
Polar Projections WMS Example
(polar-projections.html)

Switch between different projections

...tagged with switch projections polar
Popup Matrix
(popupMatrix.html)

All kinds of different popup configurations.

OpenLayers.Class,OpenLayers.Class,OpenLayers.Size,OpenLayers.Class,OpenLayers.Size,OpenLayers.Class,OpenLayers.Class,OpenLayers.Size,OpenLayers.Class,OpenLayers.Size,OpenLayers.Map,OpenLayers.Layer.Image,OpenLayers.Bounds,OpenLayers.Size,OpenLayers.Layer.Markers,OpenLayers.Control.LayerSwitcher,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.LonLat,OpenLayers.Feature,OpenLayers.Event.stop

...tagged with popup, popups
OpenLayers Regular Polygon Example
(regular-polygons.html)

Shows how to use the RegularPolygon handler to draw features with different numbers of sides.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.MousePosition,OpenLayers.Control.DrawFeature,OpenLayers.LonLat

...tagged with vector, feature, regularpolygon, drawing, draw, advanced
Resize Features Programatically
(resize-features.html)

Demonstration of how to use the geometry resize methods to change feature sizes programatically.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Util.extend,OpenLayers.Layer.Vector,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Geometry.LineString,OpenLayers.Geometry.Point,OpenLayers.Geometry.LinearRing,OpenLayers.Feature.Vector,OpenLayers.Geometry.Polygon,OpenLayers.LonLat,OpenLayers.Geometry.Point

...tagged with vector, feature, resizing, resize, light
OpenLayers Restricted Extent Example
(restricted-extent.html)

Don't let users drag outside the map extent: instead, limit dragging such that the extent of the layer is the maximum viewable area.

OpenLayers.Bounds,OpenLayers.Map,OpenLayers.Layer.WMS

...tagged with map, restrict, restrictedextent, extent, light
Rotate vector features
(rotate-features.html)

Details on how to create and rotate vector features programmatically

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Util.extend,OpenLayers.Layer.Vector,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Geometry.LineString,OpenLayers.Geometry.Point,OpenLayers.Geometry.LinearRing,OpenLayers.Feature.Vector,OpenLayers.Geometry.Polygon,OpenLayers.LonLat,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector

...tagged with vector, feature, rotating, rotation, rotate, advanced, light
OpenLayers Select Feature on Multiple Layers Example
(select-feature-multilayer.html)

Select a feature on click with the Control.SelectFeature on multiple vector layers.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Util.getParameters,OpenLayers.Layer.Vector,OpenLayers.StyleMap,OpenLayers.Style,OpenLayers.Util.applyDefaults,OpenLayers.Style,OpenLayers.Layer.Vector,OpenLayers.StyleMap,OpenLayers.Style,OpenLayers.Util.applyDefaults,OpenLayers.Style,OpenLayers.Util.applyDefaults,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.SelectFeature,OpenLayers.LonLat,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point

...tagged with vector, feature, selecting, selection, advanced, light
Open Popup on Layer.Vector
(select-feature-openpopup.html)

Using a Control.SelectFeature, open a popup on click.

OpenLayers.Popup.FramedCloud,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.MousePosition,OpenLayers.Control.SelectFeature,OpenLayers.Control.DrawFeature,OpenLayers.LonLat

...tagged with vector, feature, selecting, selection, popup
OpenLayers Select Feature Example
(select-feature.html)

Select a feature on hover or click with the Control.SelectFeature on a vector layer.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Util.getParameters,OpenLayers.Layer.Vector,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.DrawFeature,OpenLayers.Control.DrawFeature,OpenLayers.Control.DrawFeature,OpenLayers.Control.SelectFeature,OpenLayers.Control.SelectFeature,OpenLayers.LonLat

...tagged with vector, feature, selecting, selection, advanced
Setting a Visual Extent
(setextent.html)

Use a boxes layer to visually display the area of interest indicated by a user.

OpenLayers.Map,OpenLayers.Bounds,OpenLayers.Layer.WMS,OpenLayers.Layer.Boxes,OpenLayers.Marker.Box

...tagged with boxes, box, marker
Simplify a LineString geometry
(simplify-linestring.html)

Shows the usage of the method "simplify" that implements the Douglas-Peucker algorithm to remove "insignificant" vertices from LineString geometries.

...tagged with Douglas-Peucker, Douglas, Peucker, Peuker, tolerance
Single Tile Example
(single-tile.html)

Use the singleTile option on gridded layers to request a single tile.

...tagged with tile, ratio, singleTile, performance, light
SLD Parser
(sld-parser.html)

Parsing Styled Layer Descriptor (SLD) documents with the SLD format.

OpenLayers.Format.JSON,OpenLayers.Format.SLD

...tagged with sld, sldselect, styling, style, parser, cleanup
Styled Layer Descriptor (SLD) Example
(sld.html)

Parsing SLD and applying styles to a vector layer.

...tagged with vector, feature, sld, styling, style
SLD based selection on WMS layers
(SLDSelect.html)

Using Styled Layer Descriptors to make a selection on WMS layers

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.Navigation,OpenLayers.Control.SLDSelect,OpenLayers.Control.SLDSelect,OpenLayers.Control.SLDSelect,OpenLayers.Control.SLDSelect,OpenLayers.Control.SLDSelect

...tagged with sld, sldselect, styling, style
Snap Grid Example
(snap-grid.html)

Use a PointGrid layer and a Snapping control to snap to a grid of regularly spaced points

...tagged with snap grid
Snapping & Splitting Example
(snap-split.html)

A demonstration snapping and splitting while editing vector features.

OpenLayers.Map,OpenLayers.StyleMap,OpenLayers.Style,OpenLayers.Rule,OpenLayers.Style,OpenLayers.Style,OpenLayers.Rule,OpenLayers.Util.getParameters,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.HTTP,OpenLayers.Format.GeoJSON,OpenLayers.Bounds,OpenLayers.Control.Snapping,OpenLayers.Control.Split,OpenLayers.Control.Panel,OpenLayers.Control.DrawFeature,OpenLayers.Control.ModifyFeature,OpenLayers.Control.Navigation,OpenLayers.Control.MousePosition

...tagged with vector, feature, splitting, snapping, stylemap, advanced
Snapping Example
(snapping.html)

A demonstration snapping while editing vector features.

OpenLayers.Map,OpenLayers.StyleMap,OpenLayers.Style,OpenLayers.Rule,OpenLayers.Style,OpenLayers.Rule,OpenLayers.Style,OpenLayers.Rule,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.HTTP,OpenLayers.Format.GeoJSON,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.HTTP,OpenLayers.Format.GeoJSON,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.HTTP,OpenLayers.Format.GeoJSON,OpenLayers.Control.Snapping,OpenLayers.Control.Panel,OpenLayers.Control.DrawFeature,OpenLayers.Control.ModifyFeature,OpenLayers.Control.Navigation,OpenLayers.LonLat

...tagged with vector, feature, snapping, stylemap, advanced
SOS client example
(sos.html)

Shows how to connect OpenLayers to a Sensor Observation Service (SOS)

OpenLayers.Util.extend,OpenLayers.SOSClient = OpenLayers.Class,OpenLayers.Format.SOSCapabilities,OpenLayers.Format.SOSGetObservation,OpenLayers.Util.extend,OpenLayers.Util.getParameterString,OpenLayers.Util.urlAppend,OpenLayers.Request.GET,OpenLayers.Util.indexOf,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.SOS,OpenLayers.Control.SelectFeature,OpenLayers.i18n,OpenLayers.i18n,OpenLayers.i18n,OpenLayers.Popup.FramedCloud,OpenLayers.Event.stop,OpenLayers.Control.SelectFeature')[0].unselectAll,OpenLayers.Request.POST,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.SOSClient,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.MousePosition

...tagged with sos, sensor, observation, popup, advanced
OpenLayers Spherical Mercator Example
(spherical-mercator.html)

Shows the use of the Spherical Mercator Layers, for overlaying Google, Microsoft, and other layers with XYZ tiles.

OpenLayers.Map,OpenLayers.Layer.Google,OpenLayers.Layer.Google,OpenLayers.Layer.Google,OpenLayers.Layer.Google,OpenLayers.Layer.Bing,OpenLayers.Layer.Bing,OpenLayers.Layer.Bing,OpenLayers.Layer.OSM,OpenLayers.Layer.Vector,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.EditingToolbar,OpenLayers.Control.Permalink,OpenLayers.Control.MousePosition

...tagged with spherical, mercator, osm, xyz, google, virtual earth, tile
OpenLayers Split Feature Example
(split-feature.html)

Demonstrates splitting of line features.

OpenLayers.Map,OpenLayers.StyleMap,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.HTTP,OpenLayers.Format.GeoJSON,OpenLayers.Bounds,OpenLayers.Control.MousePosition,OpenLayers.Control.Split

...tagged with vector, feature, splitting, split, stylemap
BBOX Strategy Example
(strategy-bbox.html)

Uses a BBOX strategy to request features within a bounding box.

OpenLayers.Format.Flickr = OpenLayers.Class,OpenLayers.Util.isArray,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Map,OpenLayers.Layer.OSM,OpenLayers.Style,OpenLayers.Layer.Vector,OpenLayers.Strategy.BBOX,OpenLayers.Protocol.Script,OpenLayers.Format.Flickr,OpenLayers.StyleMap,OpenLayers.LonLat

...tagged with vector, feature, stylemap, bbox, strategy, script, flickr
Extended clustering
(strategy-cluster-extended.html)

Shows the usage of custom classes for a fine grained control about the clustering behaviour.

...tagged with cluster, advanced
Cluster Strategy Threshold
(strategy-cluster-threshold.html)

Demonstrates the use of the cluster strategy threshold property.

OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Style,OpenLayers.Strategy.Cluster,OpenLayers.Layer.Vector,OpenLayers.StyleMap,OpenLayers.Control.SelectFeature,OpenLayers.LonLat

...tagged with vector, feature, stylemap, wfs, cluster, strategy, cleanup
Cluster Strategy Example
(strategy-cluster.html)

Uses a cluster strategy to render points representing clusters of features.

OpenLayers.Format.Flickr = OpenLayers.Class,OpenLayers.Util.isArray,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Map,OpenLayers.Layer.OSM,OpenLayers.Style,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Strategy.Cluster,OpenLayers.Protocol.Script,OpenLayers.Format.Flickr,OpenLayers.StyleMap,OpenLayers.Control.SelectFeature,OpenLayers.LonLat

...tagged with vector, feature, stylemap, cluster, strategy, flickr, script
Paging Strategy Example
(strategy-paging.html)

Uses a paging strategy to cache large batches of features and render a page at a time.

OpenLayers.Format.Flickr = OpenLayers.Class,OpenLayers.Util.isArray,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Map,OpenLayers.Layer.OSM,OpenLayers.Style,OpenLayers.Strategy.Paging,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.Script,OpenLayers.Format.Flickr,OpenLayers.StyleMap,OpenLayers.LonLat

...tagged with vector, feature, stylemap, paging, strategy, flickr, script
Rule Based Style
(style-rules.html)

Use rule based styling to use different symbolizers for different feature groups.

...tagged with vector, feature, stylemap, filter, comparison, light
StyleMap Example
(stylemap.html)

Shows how to use a StyleMap to style features with rule based styling. A style map references one or more OpenLayers.Style objects. These OpenLayers.Style objects are collections of OpenLayers.Rule objects that determine how features are styled. An OpenLayers.Rule object combines an OpenLayers.Filter object with a symbolizer. A filter is used to determine whether a rule applies for a given feature, and a symbolizer is used to draw the feature if the rule applies.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.StyleMap,OpenLayers.Style,OpenLayers.Style,OpenLayers.Layer.Vector,OpenLayers.Control.SelectFeature,OpenLayers.LonLat

...tagged with vector, feature, stylemap, light
Feature Styles Example
(styles-context.html)

To style features with a custom function that evaluates each feature, use the context option of an OpenLayers.Style object. If the context object contains a function and this function is referenced in a symbolizer, the function will be called with the feature as an argument..

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Util.getParameters,OpenLayers.Layer.Vector,OpenLayers.StyleMap,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Style,OpenLayers.Layer.Vector,OpenLayers.StyleMap

...tagged with vector, feature, stylemap, light
Rotation Style Example
(styles-rotation.html)

Use the rotation property of a point symbolizer to rotate point symbolizers.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.StyleMap,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.LonLat,OpenLayers.Control.SelectFeature

...tagged with vector, feature, stylemap, rotation, cleanup, light
Unique Value Styles Example
(styles-unique.html)

Shows how to create a style based on unique feature attribute values (markers) and feature state values (circles).

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.StyleMap,OpenLayers.Layer.Vector,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.StyleMap,OpenLayers.Layer.Vector

...tagged with vector, feature, stylemap, uniquevalue, cleanup, light
OSM + Google Maps + KML Reprojection
(sundials-spherical-mercator.html)

Demonstrates loading and displaying a KML file on top of OpenStreetMap (OSM) and Google Maps data. Loads data from a KML file of sundials.

OpenLayers.Projection,OpenLayers.Projection,OpenLayers.Map,OpenLayers.Layer.OSM,OpenLayers.Layer.Google,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.HTTP,OpenLayers.Format.KML,OpenLayers.Control.SelectFeature,OpenLayers.Control.LayerSwitcher,OpenLayers.Bounds,OpenLayers.Popup.FramedCloud,OpenLayers.Size

...tagged with osm, kml, spherical, mercator, reprojection, feature, popup, advanced
KML Layer Example
(sundials.html)

Demonstrates loading and displaying a KML file on top of a basemap.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Strategy.Fixed,OpenLayers.Protocol.HTTP,OpenLayers.Format.KML,OpenLayers.Control.SelectFeature,OpenLayers.Bounds,OpenLayers.Popup.FramedCloud,OpenLayers.Size

...tagged with kml, popup, feature
OpenLayers Example
(symbolizers-fill-stroke-graphic.html)

Demonstrate fill, stroke, and graphic property of symbolizers.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Util.getParameters,OpenLayers.Layer.Vector,OpenLayers.StyleMap,OpenLayers.Style,OpenLayers.Rule,OpenLayers.Filter.Comparison,OpenLayers.Rule,OpenLayers.Filter.Comparison,OpenLayers.Rule,OpenLayers.Filter.Comparison,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Geometry.LinearRing,OpenLayers.Feature.Vector,OpenLayers.Geometry.Polygon,OpenLayers.Feature.Vector,OpenLayers.Geometry.Collection,OpenLayers.Geometry.LineString,OpenLayers.Geometry.Point,OpenLayers.Geometry.Point,OpenLayers.Geometry.Point,OpenLayers.LonLat,OpenLayers.Control.SelectFeature,OpenLayers.Util.extend

...tagged with vector, feature, symbolizer, filter, comparison, labeling, light
Map "Teleportation" and Rendering
(teleportation.html)

Call the map's render method to change its container.

OpenLayers.Map,OpenLayers.Control.OverviewMap,OpenLayers.Layer.WMS

...tagged with map, rendering
TextButtonPanel
(text-button-panel.html)

Create multiple TextButtonPanels full of text-based buttons and styled with CSS

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Control.Button,OpenLayers.Control.Button,OpenLayers.Control.Button,OpenLayers.Control.Button,OpenLayers.Control.Button,OpenLayers.Control.TextButtonPanel,OpenLayers.Control.TextButtonPanel,OpenLayers.LonLat

...tagged with panels, CSS, style, basic
Tile Origin
(tile-origin.html)

Demonstrates the use of the tileExtent property to differentiate between the maximum extent and the tile extent for a layer.

...tagged with grid, tileOrigin, light
TileCache Example
(tilecache.html)

Demonstrates a TileCache layer that loads tiles from from a web accessible disk-based cache only.

OpenLayers.Map,OpenLayers.Layer.TileCache,OpenLayers.LonLat

...tagged with tile, cache, tilecache, wmsc, wms-c
Tiled Map Service Example
(tms.html)

Demonstrate the initialization and modification of a Tiled Map Service layer.

OpenLayers.Map,OpenLayers.Layer.TMS,OpenLayers.Control.LayerSwitcher,OpenLayers.LonLat,OpenLayers.Layer.TMS,OpenLayers.Util.getElement,OpenLayers.Util.getElement,OpenLayers.Util.getElement,OpenLayers.Util.getElement

...tagged with tile, cache, tms
Vector Feature Transformation Box Example
(transform-feature.html)

Shows the use of the TransformFeature control.

OpenLayers.Map,OpenLayers.Util.getParameters,OpenLayers.Layer.Vector,OpenLayers.StyleMap,OpenLayers.Style,OpenLayers.Style,OpenLayers.Control.TransformFeature,OpenLayers.Geometry.Point,OpenLayers.Geometry.Point,OpenLayers.Geometry.LinearRing,OpenLayers.Feature.Vector,OpenLayers.Geometry.Polygon,OpenLayers.LonLat

...tagged with vector, feature, transformation, stylemap
Transition Example
(transition.html)

Demonstrates the use of transition effects in tiled and untiled layers.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Control.LayerSwitcher,OpenLayers.LonLat

...tagged with transition, resize, tile, singletile, light
Using Proj4JS for vector reprojection
(using-proj4js.html)

This example shows how to reproject vector features within OpenLayers. The baselayer shows Germany in the projection EPSG:31467 (GK 3). When one clicks on the buttons, features with geometries originally in EPSG:4326 will be transformed to the projection of the map on-the-fly.

...tagged with projection, proj, proj4js, reprojection, reproject, transform, transformation, epsg, srs
OpenLayers UTFGrid Geography Class Example
(utfgrid-geography-class.html)

This page demonstrates the use of the OpenLayers UTFGrid Controls.

...tagged with null
OpenLayers UTFGrid Demo
(utfgrid.html)

This page demonstrates the use of the OpenLayers UTFGrid Controls.

...tagged with null
OpenLayers Multiple UTFGrid Demo
(utfgrid_twogrids.html)

This page demonstrates the use of the OpenLayers UTFGrid Controls with more than one UTFGrid Layer.

...tagged with null
OpenLayers Labeled features example
(vector-features-with-text.html)

Label vector features with a text symbolizer.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Util.getParameters,OpenLayers.Layer.Vector,OpenLayers.StyleMap,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Geometry.LinearRing,OpenLayers.Feature.Vector,OpenLayers.Geometry.Polygon,OpenLayers.Feature.Vector,OpenLayers.Geometry.Collection,OpenLayers.Geometry.LineString,OpenLayers.Geometry.Point,OpenLayers.Geometry.Point,OpenLayers.Geometry.Point,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Feature.Vector,OpenLayers.LonLat

...tagged with vector, feature, labeling, symbolizer, light
Drawing Simple Vector Features Example
(vector-features.html)

Shows the use of the shows drawing simple vector features, in different styles.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Util.getParameters,OpenLayers.Util.extend,OpenLayers.Util.extend,OpenLayers.Util.extend,OpenLayers.Layer.Vector,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Geometry.Point,OpenLayers.Feature.Vector,OpenLayers.Geometry.LineString,OpenLayers.Geometry.Point,OpenLayers.Geometry.LinearRing,OpenLayers.Feature.Vector,OpenLayers.Geometry.Polygon,OpenLayers.LonLat

...tagged with vector, feature, light
Vector Formats Example
(vector-formats.html)

Shows the wide variety of vector formats that open layers supports.

OpenLayers.Projection,OpenLayers.Util.getElement,OpenLayers.Projection,OpenLayers.Util.getElement,OpenLayers.Util.extend,OpenLayers.Util.extend,OpenLayers.Util.extend,OpenLayers.Util.extend,OpenLayers.Util.extend,OpenLayers.Format.WKT,OpenLayers.Format.GeoJSON,OpenLayers.Format.GeoRSS,OpenLayers.Format.GML.v2,OpenLayers.Format.GML.v3,OpenLayers.Format.KML,OpenLayers.Format.Atom,OpenLayers.Format.GPX,OpenLayers.Format.EncodedPolyline,OpenLayers.Format.WKT,OpenLayers.Format.GeoJSON,OpenLayers.Format.GeoRSS,OpenLayers.Format.GML.v2,OpenLayers.Format.GML.v3,OpenLayers.Format.KML,OpenLayers.Format.Atom,OpenLayers.Format.GPX,OpenLayers.Format.EncodedPolyline,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Control.MousePosition,OpenLayers.Control.EditingToolbar,OpenLayers.Control.SelectFeature,OpenLayers.LonLat

...tagged with vector, geojson, atom, kml, georss, gml, wkt, advanced, spherical, mercator
OpenLayers Spherical Mercator Example
(web-mercator.html)

Shows the use of layers in spherical or web mercator using different EPSG codes to indicate the same projection.

...tagged with sperical, mercator, epsg, projection
WFS Protocol and Filter
(wfs-filter.html)

Demonstrates the use of a filter in making GetFeature requests using the WFS protocol.

...tagged with filter, wfs, comparison
WFS Transaction Example
(wfs-protocol-transactions.html)

Shows the use of the WFS Transactions (WFS-T).

...tagged with wfs, wfst, wfs-t, advanced
Vector Behavior Example
(wfs-protocol.html)

Uses a BBOX strategy, WFS protocol, and GML format.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.Vector,OpenLayers.Strategy.BBOX,OpenLayers.Protocol.WFS,OpenLayers.LonLat

...tagged with wfs, vector
WFS Reprojection Example
(wfs-reprojection.html)

Shows the use of the client side reprojection support.

...tagged with reprojection, styling, stylemap, wfs, vector, advanced
Snap/Split and Persist via WFS
(wfs-snap-split.html)

Shows snapping, splitting, and use of the WFS Transactions (WFS-T).

OpenLayers.Class,OpenLayers.Control.prototype.initialize.apply,OpenLayers.Handler.Feature,OpenLayers.Control.prototype.setMap.apply,OpenLayers.Map,OpenLayers.Bounds,OpenLayers.Bounds,OpenLayers.Projection,OpenLayers.Control.PanZoom,OpenLayers.Control.Navigation,OpenLayers.Layer.OSM,OpenLayers.StyleMap,OpenLayers.Style,OpenLayers.Rule,OpenLayers.Style,OpenLayers.Style,OpenLayers.Rule,OpenLayers.Strategy.Save,OpenLayers.Layer.Vector,OpenLayers.Strategy.BBOX,OpenLayers.Projection,OpenLayers.Protocol.WFS,OpenLayers.Control.Snapping,OpenLayers.Control.Split,OpenLayers.Control.Panel,OpenLayers.Control.DrawFeature,OpenLayers.Control.ModifyFeature,OpenLayers.Control.Button,OpenLayers.LonLat

...tagged with snapping, splitting, wfs, wfst, wfs-t, advanced
WFS Protocol and Filter
(wfs-spatial-filter.html)

Demonstrates the use of a spatial filter in making GetFeature requests using the WFS protocol.

...tagged with filter, wfs, spatial
WFS United States (GeoServer) Example
(wfs-states.html)

Shows the use of the WFS United States (GeoServer).

...tagged with wfs, vector
WMC Example
(wmc.html)

Shows parsing of Web Map Context documents.

OpenLayers.Format.WMC,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Bounds,OpenLayers.Layer.WMS,OpenLayers.Bounds,OpenLayers.Layer.WMS,OpenLayers.Bounds,OpenLayers.Control.LayerSwitcher,OpenLayers.LonLat,OpenLayers.Format.JSON,OpenLayers.Util.getElement,OpenLayers.Control.LayerSwitcher

...tagged with wmc, parser, advanced, cleanup
WMS with POST Requests to Avoid Long URLs
(wms-long-url.html)

Render tiles in IMG or IFRAME elements, depending on the complexity of the GetMap request

...tagged with sld, sld_body, post, iframe, advanced
WMS Untiled Example
(wms-untiled.html)

Shows an example of an "untiled" WMS layer, which requests a single image for the entire map view.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher

...tagged with singletile, tile, light
WMS version 1.3 (axis order) Example
(wms-v13.html)

Shows an example of the influence of axis order on WMS 1.3 GetMap requests.

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Map,OpenLayers.Layer.WMS

...tagged with axis order, wms 1.3, light
WMS Example
(wms.html)

Shows the basic use of openlayers using a WMS layer

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat,OpenLayers.Control.LayerSwitcher

...tagged with wms, layer, singletile
WMSDescribeLayer Parser Example
(WMSDescribeLayerParser.html)

Demonstrate the operation of the WMSDescribeLayer parser.

OpenLayers.Format.WMSDescribeLayer,OpenLayers.Request.GET

...tagged with wmsdescribelayer, parser, cleanup
WMS Time Example
(wmst.html)

Shows the use of the layer WMS-T (time) layer

OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Layer.WMS,OpenLayers.Control.LayerSwitcher,OpenLayers.Bounds,OpenLayers.Util.getElement,OpenLayers.Util.getElement,OpenLayers.Util.getElement,OpenLayers.Util.getElement,OpenLayers.Util.getElement

...tagged with wmst, wms-t
Web Map Tile Service (WMTS) Capabilities Parsing
(wmts-capabilities.html)

The WMTS Capabilities format allows for parsing of capabilities documents from OGC Web Map Tile Service (WMTS) version 1.0.0 implementations.

...tagged with wmts, capabilities, getcapabilities
WMTS GetFeatureInfo Control
(wmts-getfeatureinfo.html)

The WMTSGetFeatureInfo control allows retrieval of information about features displayed in a WMTS layer.

...tagged with wmts, tile, cache, getfeatureinfo
Web Map Tile Service (WMTS) Layer
(wmts.html)

The WMTS layer allows viewing of tiles from a server implementing the OGC Web Map Tile Service (WMTS) standard version 1.0.0.

...tagged with wmts
WPS Client Example
(wps-client.html)

Shows the usage of the WPS Client

...tagged with wps
WPS Builder Example
(wps.html)

Using WPS formats to interact with WPS

...tagged with wps, process, advanced
Wrapping the Date Line
(wrapDateLine.html)

Shows how to work around dateline issues, by wrapping the dateline on a number of layer types.

OpenLayers.Map,OpenLayers.Layer.MapServer,OpenLayers.Layer.KaMap,OpenLayers.Layer.WMS,OpenLayers.Layer.WorldWind,OpenLayers.Size,OpenLayers.Control.LayerSwitcher,OpenLayers.Control.MousePosition,OpenLayers.Layer.MapServer

...tagged with WMS, MapServer, wrapDateLine
XHTML Example
(xhtml.html)

Shows openlayers running in a XHTML 1.0 Strict Doctype

OpenLayers.Map,OpenLayers.Layer.WMS

...tagged with xhtml
XML Format Example
(xml.html)

Shows the use of the OpenLayers XML format class

OpenLayers.Format.XML,OpenLayers.Request.GET,OpenLayers.Format.XML

...tagged with xml
Basic ESRI Map Cache Example
(xyz-esri.html)

Show a Simple ESRI map using the layer from <a href="http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer">ESRI's server</a>.

OpenLayers.Bounds,OpenLayers.Map,OpenLayers.Layer.XYZ

...tagged with XYZ, layer, tile
Zoom Control Example
(zoom.html)

Shows how to use a simple zoom control.

...tagged with zoom control light
Zoomify Layer Example
(zoomify.html)

Demo of a layer with Zoomify tiles.

OpenLayers.Layer.Zoomify,OpenLayers.Size,OpenLayers.Bounds,OpenLayers.Map

...tagged with zoomify, layer
Zoom Level
(zoomLevels.html)

This example shows the use of the resolutions layer option on a number of layer types.

OpenLayers.Bounds,OpenLayers.Bounds,OpenLayers.Map,OpenLayers.Layer.WMS,OpenLayers.LonLat

...tagged with zoom, zoomlevel, resolution, scale, cleanup

Accelerometer (accelerometer.html)

An accessible click control implementation (accessible-click-control.html)

Custom and accessible panel (accessible-panel.html)

Accessible Example (accessible.html)

All Overlays with Google and OSM (all-overlays-google.html)

OpenLayers Overlays Only Example (all-overlays.html)

AnchorPermalink Example (anchor-permalink.html)

map.panTo Example (animated_panning.html)

ArcGIS Server 9.3 Rest API Example (arcgis93rest.html)

OpenLayers ArcGIS Cache Example (MapServer Access) (arcgiscache_ags.html)

ArcGIS Server Map Cache Example (Direct Access) (arcgiscache_direct.html)

OpenLayers ArcGIS Cache Example (Autoconfigure with JSONP) (arcgiscache_jsonp.html)

ArcIMS Thematic Example (arcims-thematic.html)

ArcIMS Example (arcims.html)

Attribution Example (attribution.html)

Vector Behavior Example (Fixed/HTTP/GML) (behavior-fixed-http-gml.html)

Bing Tiles with a Subset of Resolutions Example (bing-tiles-restrictedzoom.html)

Basic Bing Tiles Example (bing-tiles.html)

Bing Example (bing.html)

null (bootstrap.html)

Boxes Example Vector (boxes-vector.html)

Boxes Example (boxes.html)

Browser detection (browser.html)

Buffer Example (buffer.html)

Cache Read Example (cache-read.html)

Cache Write Example (cache-write.html)

Feature Hit Detection with Canvas (canvas-hit-detection.html)

Canvas Inspector (canvas-inspector.html)

Canvas Renderer Example (canvas.html)

Reading Features From CartoDB using GeoJSON (cartodb-geojson.html)

Click Handler Example (click-handler.html)

Click Event Example (click.html)

Client Zoom (clientzoom.html)

Map Controls Example (controls.html)

CQL Filter Example (cql-format.html)

Script Protocol With XML (cross-origin-xml.html)

Script Protocol (cross-origin.html)

Custom Control Example (custom-control.html)

Custom Style Example (custom-style.html)

Debug Example (debug.html)

OpenLayers Document Drag Example (document-drag.html)

Drawing Holes in Polygons (donut.html)

Drag Feature Example (drag-feature.html)

OpenLayers Draw Feature Example (draw-feature.html)

Undo/Redo Drawing (draw-undo-redo.html)

Dynamic POIs via a Text Layer (dynamic-text-layer.html)

Editing Methods (editing-methods.html)

OpenLayers EditingToolbar Outside Viewport (editingtoolbar-outside.html)

Editing Toolbar Example (editingtoolbar.html)

Encoded Polyline Example (encoded-polyline.html)

Event Handling (events.html)

OpenLayers Example (example.html)

Feature Events Example (feature-events.html)

Filter Strategy (filter-strategy.html)

Filter Encoding (filter.html)

Fractional Zoom Example (fractional-zoom.html)

Full Screen Example (fullScreen.html)

Reading Features From A Google Fusion Tables Table (fusiontables.html)

Accelerometer Example (game-accel-ball.html)

GeoJSON Reprojected (geojson-reprojected.html)

GeoJSON Example (geojson.html)

Geolocation Example (geolocation.html)

GeoRSS from Flickr in OpenLayers (georss-flickr.html)

GeoRSS Marker Example (georss-markers.html)

GeoRSS Example (georss.html)

WFS GetFeature Example (GeoServer) (getfeature-wfs.html)

Feature Info Example (getfeatureinfo-control.html)

Feature Info in Popup (getfeatureinfo-popup.html)

GML Layer Example (gml-layer.html)

Google (Static Maps API) Grid Layer Example (google-static.html)

Google (v3) allOverlays Layer Example (google-v3-alloverlays.html)

Google (v3) Layer Example (google.html)

Named Graphics Example (graphic-name.html)

Graticule Example (graticule.html)

Gutter Example (gutter.html)

OpenLayers Select and Highlight Feature Example (highlight-feature.html)

Hover Handler Example (hover-handler.html)

Image Layer Example (image-layer.html)

OpenLayers Geometry Intersection Example (intersects.html)

KaMap Example (kamap.html)

Accelerometer
(accelerometer.html)

An accessible click control implementation
(accessible-click-control.html)

Custom and accessible panel
(accessible-panel.html)

Accessible Example
(accessible.html)

All Overlays with Google and OSM
(all-overlays-google.html)

OpenLayers Overlays Only Example
(all-overlays.html)

AnchorPermalink Example
(anchor-permalink.html)

map.panTo Example
(animated_panning.html)

ArcGIS Server 9.3 Rest API Example
(arcgis93rest.html)

OpenLayers ArcGIS Cache Example (MapServer Access)
(arcgiscache_ags.html)

ArcGIS Server Map Cache Example (Direct Access)
(arcgiscache_direct.html)

OpenLayers ArcGIS Cache Example (Autoconfigure with JSONP)
(arcgiscache_jsonp.html)

ArcIMS Thematic Example
(arcims-thematic.html)

ArcIMS Example
(arcims.html)

Attribution Example
(attribution.html)

Vector Behavior Example (Fixed/HTTP/GML)
(behavior-fixed-http-gml.html)

Bing Tiles with a Subset of Resolutions Example
(bing-tiles-restrictedzoom.html)

Basic Bing Tiles Example
(bing-tiles.html)

Bing Example
(bing.html)

null
(bootstrap.html)

Boxes Example Vector
(boxes-vector.html)

Boxes Example
(boxes.html)

Browser detection
(browser.html)

Buffer Example
(buffer.html)

Cache Read Example
(cache-read.html)

Cache Write Example
(cache-write.html)

Feature Hit Detection with Canvas
(canvas-hit-detection.html)

Canvas Inspector
(canvas-inspector.html)

Canvas Renderer Example
(canvas.html)

Reading Features From CartoDB using GeoJSON
(cartodb-geojson.html)

Click Handler Example
(click-handler.html)

Click Event Example
(click.html)

Client Zoom
(clientzoom.html)

Map Controls Example
(controls.html)

CQL Filter Example
(cql-format.html)

Script Protocol With XML
(cross-origin-xml.html)

Script Protocol
(cross-origin.html)

Custom Control Example
(custom-control.html)

Custom Style Example
(custom-style.html)

Debug Example
(debug.html)

OpenLayers Document Drag Example
(document-drag.html)

Drawing Holes in Polygons
(donut.html)

Drag Feature Example
(drag-feature.html)

OpenLayers Draw Feature Example
(draw-feature.html)

Undo/Redo Drawing
(draw-undo-redo.html)

Dynamic POIs via a Text Layer
(dynamic-text-layer.html)

Editing Methods
(editing-methods.html)

OpenLayers EditingToolbar Outside Viewport
(editingtoolbar-outside.html)

Editing Toolbar Example
(editingtoolbar.html)

Encoded Polyline Example
(encoded-polyline.html)

Event Handling
(events.html)

OpenLayers Example
(example.html)

Feature Events Example
(feature-events.html)

Filter Strategy
(filter-strategy.html)

Filter Encoding
(filter.html)

Fractional Zoom Example
(fractional-zoom.html)

Full Screen Example
(fullScreen.html)

Reading Features From A Google Fusion Tables Table
(fusiontables.html)

Accelerometer Example
(game-accel-ball.html)

GeoJSON Reprojected
(geojson-reprojected.html)

GeoJSON Example
(geojson.html)

Geolocation Example
(geolocation.html)

GeoRSS from Flickr in OpenLayers
(georss-flickr.html)

GeoRSS Marker Example
(georss-markers.html)

GeoRSS Example
(georss.html)

WFS GetFeature Example (GeoServer)
(getfeature-wfs.html)

Feature Info Example
(getfeatureinfo-control.html)

Feature Info in Popup
(getfeatureinfo-popup.html)

GML Layer Example
(gml-layer.html)

Google (Static Maps API) Grid Layer Example
(google-static.html)

Google (v3) allOverlays Layer Example
(google-v3-alloverlays.html)

Google (v3) Layer Example
(google.html)

Named Graphics Example
(graphic-name.html)

Graticule Example
(graticule.html)

Gutter Example
(gutter.html)

OpenLayers Select and Highlight Feature Example
(highlight-feature.html)

Hover Handler Example
(hover-handler.html)

Image Layer Example
(image-layer.html)

OpenLayers Geometry Intersection Example
(intersects.html)

KaMap Example
(kamap.html)