OpenLayers Examples

MapGuide Layer Example

2010-03-19T09:47:30.250175Z

Demonstrates how to create MapGuide tiled and untiled layers.

MapServer Layer

2010-03-12T07:44:02.966160Z

Shows MapServer Layer

MapServer Single Tile Mode

2010-03-12T07:44:02.966160Z

Shows single tile MapServer Layer

Resize a Marker

2010-03-12T07:44:02.966160Z

Dynamically resize a marker

Markers Layer Example

2010-03-12T07:44:02.966160Z

Show markers layer with different markers

MousePosition Control

2010-03-12T07:44:02.966160Z

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

MultiMap Mercator Example

2010-03-12T07:44:02.966160Z

This sphericalMercator example using multimap demonstrates that the multimap layer does not fully support the sphericalMercator projection at this time.

NavToolbar Demo

2010-03-12T07:44:02.966160Z

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

Using maxResolution to control overlays

2010-03-12T07:44:02.966160Z

See how to control the maximum resolution for a markers layer, causing it to not be displayed beyond a certain point.

Custom Control.Panel

2010-03-12T07:44:02.966160Z

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

OpenLayers Regular Polygon Example

2010-03-12T07:44:02.966160Z

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

Resize Features Programatically

2010-03-12T07:44:02.966160Z

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

OpenLayers Restricted Extent Example

2010-03-12T07:44:02.966160Z

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

ArcIMS Thematic Example

2010-03-11T17:15:25.699343Z

Shows the advanced use of OpenLayers using a thematic ArcIMS layer

ArcIMS Example

2010-03-11T17:15:25.699343Z

Shows the basic use of OpenLayers using an ArcIMS layer

Named Graphics Example

2010-03-05T06:51:44.435441Z

Shows how to use well-known graphic names.

Zoomify Layer Example

2010-03-04T08:41:18.532657Z

Demo of a layer with Zoomify tiles.

OpenLayers Select Feature Example

2010-02-15T09:05:49.241781Z

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

Google Layer Example

2010-02-08T15:35:31.718542Z

Demonstrate use of the various types of Google layers.

Basic OSM Example

2010-02-03T12:22:40.130286Z

Show a Simple OSM Map

OpenLayers Mousewheel Interval Example

2010-02-01T08:42:17.412649Z

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

Vector Feature Transformation Box Example

2010-01-31T14:23:47.967804Z

Shows the use of the TransformFeature control.

OpenLayers Example

2010-01-27T15:31:53.103236Z

Demonstrate fill, stroke, and graphic property of symbolizers.

Vector Formats Example

2010-01-12T10:20:41.879906Z

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

Rotation Style Example

2010-01-05T22:13:29.692604Z

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

SOS client example

2009-12-23T11:35:57.038379Z

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

WFS GetFeature Example (GeoServer)

2009-12-09T04:36:22.453079Z

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

WFS Transaction Example

2009-12-09T04:13:21.986743Z

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

WFS United States (GeoServer) Example

2009-12-09T04:04:52.068150Z

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

Canvas Renderer Example

2009-12-09T03:11:13.518070Z

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

WFS Reprojection Example

2009-12-09T03:11:13.518070Z

Shows the use of the client side reprojection support.

OpenLayers Document Drag Example

2009-11-18T05:42:17.671144Z

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

WMC Example

2009-11-12T13:43:40.654969Z

Shows parsing of Web Map Context documents.

Dynamic POIs via a Text Layer

2009-11-03T15:28:33.468508Z

Loading dynamic data from a text file.

WMS version 1.3 (axis order) Example

2009-11-03T14:01:51.110050Z

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

Layer Switcher Example

2009-10-29T15:45:27.700811Z

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

OpenLayers Draw Feature Example

2009-10-24T05:57:41.946602Z

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

OpenLayers Measure Example

2009-10-24T05:57:41.946602Z

Demonstrates the measure control to measure distances and areas.

OpenLayers Spherical Mercator Example

2009-10-24T05:57:41.946602Z

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

OpenLayers Split Feature Example

2009-10-24T05:57:41.946602Z

Demonstrates splitting of line features.

Graticule Example

2009-10-24T05:36:34.437640Z

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

OpenLayers Labeled features example

2009-10-24T04:41:36.788055Z

Label vector features with a text symbolizer.

Pan and Zoom Panels

2009-10-09T14:02:47.222745Z

Customizable pan and zoom panels

Basic WMS Example via HTTP-POST protocol with a large SLD included

2009-10-08T18:13:55.686358Z

Creating a WMS layer with a large SLD in the sld_body

Virtual Earth Example

2009-10-01T20:08:11.791749Z

Demonstrates the use of a Virtual Earth base layer.

Overview Map

2009-09-03T14:28:27.653675Z

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

OpenLayers Example

2009-08-25T20:05:18.640772Z

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

Bing Example

2009-07-14T16:18:47.944243Z

Demonstrates the use of Bing layers.

Feature Info in Popup

2009-07-10T17:43:37.969450Z

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

Vector Behavior Example

2009-06-12T09:02:41.152486Z

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

WMS Time Example

2009-06-12T06:54:25.631237Z

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

Z-Index/Y-Order Example

2009-04-19T08:53:25.343127Z

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

Feature Info Example

2009-04-16T23:20:15.858887Z

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

OpenLayers Select Feature on Multiple Layers Example

2009-04-16T06:59:19.909688Z

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

Basic ESRI Map Cache Example

2009-04-13T15:18:29.012582Z

Show a Simple ESRI map using the layer from ESRI's server.

OpenLayers Modify Feature Example

2009-04-12T15:36:15.565183Z

A demonstration of the ModifyFeature control for editing vector features.

KML Layer Example

2009-04-09T19:12:52.084851Z

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

OSM + Google Maps + KML Reprojection

2009-04-09T19:01:22.670586Z

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

Map Controls Example

2009-04-07T20:48:08.966892Z

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

OpenLayers Overlays Only Example

2009-04-06T18:29:48.409143Z

Demonstrates a map with overlays only.

OpenLayers Select and Highlight Feature Example

2009-04-03T10:28:41.088048Z

Select features on click, highlight features on hover.

WMSDescribeLayer Parser Example

2009-03-31T15:06:02.610829Z

Demonstrate the operation of the WMSDescribeLayer parser.

Virtual Earth Example

2009-03-24T21:38:57.121631Z

When using the PanZoom buttons with VirtualEarth, some 'drift' is possible in markers. This page demonstrates how to use the panMethod and panDuration properties to change the OpenLayers settings to match VirtualEarth.

Cluster Strategy Threshold

2009-03-23T17:34:28.357684Z

Demonstrates the use of the cluster strategy threshold property.

Drawing Simple Vector Features Example

2009-03-21T21:38:42.407530Z

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

Late Rendering

2009-03-17T12:34:41.974513Z

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

Map "Teleportation" and Rendering

2009-03-17T12:34:41.974513Z

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

Snapping Example

2009-03-11T14:57:00.782412Z

A demonstration snapping while editing vector features.

BBOX Strategy Example

2009-03-11T14:17:07.329722Z

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

Cluster Strategy Example

2009-03-11T14:14:28.755745Z

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

Paging Strategy Example

2009-03-11T14:14:28.755745Z

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

Snapping & Splitting Example

2009-03-11T13:48:40.694254Z

A demonstration snapping and splitting while editing vector features.

Snap/Split and Persist via WFS

2009-03-11T13:38:19.320775Z

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

Click Handler Example

2009-03-10T15:31:46.873119Z

This example shows the use of the click handler.

A navToolbar with an alwaysZoom ZoomBox

2009-03-10T03:50:01.469546Z

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

Vector Behavior Example (Fixed/HTTP/GML)

2009-03-06T19:24:09.999270Z

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

TileCache Example

2009-03-02T08:21:01.189651Z

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

Image Layer Example

2009-03-01T16:07:50.721131Z

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

ArcGIS Server 9.3 Rest API Example

2009-02-28T21:53:22.576718Z

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

Popup Matrix

2009-02-28T17:44:27.775615Z

All kinds of different popup configurations.

Open Popup on Layer.Vector

2009-02-28T17:44:27.775615Z

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

KML Layer Example

2009-02-21T13:43:21.257792Z

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

Filter Encoding

2009-02-03T22:28:48.128089Z

Using the filter format write out filter objects.

map.panTo Example

2009-01-13T14:09:15.905410Z

Show animated panning effects in the map

GeoRSS from Flickr in OpenLayers

2008-11-21T14:55:21.591380Z

georss-flickr.html

Popup Mayhem

2008-11-19T15:51:18.756358Z

All kinds of ways to create and interact with Popups.

Gears Protocol Example

2008-11-16T18:26:39.316968Z

Shows the usage of the Gears protocol.

OpenLayers EditingToolbar Outside Viewport

2008-11-03T19:14:55.632079Z

Display an editing toolbar panel outside the map viewport.

Marker Shadows using Background Graphics/Z-Indexes

2008-11-03T19:14:55.632079Z

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

Multiple Server URLS

2008-11-03T19:14:55.632079Z

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

Navigation Toolbar: Outside the Map

2008-11-03T19:14:55.632079Z

navtoolbar-outsidemap.html

Untiled Example

2008-11-03T19:14:55.632079Z

Create an untiled WMS layer using the singleTile: true, option or the deprecated WMS.Untiled layer.

Advanced OSM Layer

2008-11-03T19:14:55.632079Z

osm-layer.html

GeoRSS PointTrack in OpenLayers

2008-11-03T19:14:55.632079Z

point-track-markers.html

Layer Projections

2008-11-03T19:14:55.632079Z

Use different (not default) projections with your map

Wrapping the Date Line

2008-11-03T19:14:55.632079Z

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

Yahoo Base Layer Example

2008-11-03T19:14:55.632079Z

Shows how you would add a yahoo layer and add the LayerSwitcher control

StyleMap Example

2008-10-28T03:03:19.702711Z

Shows how to use a StyleMap to style features with rule based styling. A style map references on 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.

Feature Styles Example

2008-10-28T03:03:19.702711Z

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..

Base Layers Example

2008-08-01T22:24:44.514513Z

This example shows the use base layers from multiple commercial map image providers.

Unique Value Styles Example

2008-08-01T03:03:25.575905Z

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

OpenLayers Geometry Intersection Example

2008-07-07T16:49:17.528289Z

Use of geometry.intersects method for testing geometry intersections.

Styled Layer Descriptor (SLD) Example

2008-07-07T16:49:17.528289Z

Parsing SLD and applying styles to a vector layer.

Rotate vector features

2008-06-26T19:34:52.150944Z

Details on how to create and rotate vector features programmatically

Map Navigation History Example

2008-06-23T06:56:58.318997Z

A control for zooming to previous and next map extents.

XHTML Example

2008-05-13T06:28:55.653387Z

Shows openlayers running in a XHTML 1.0 Strict Doctype

Editing Toolbar Example

2008-05-08T09:29:13.988236Z

Demonstrate polygon, polyline and point creation and editing tools.

Accessible Example

2008-05-08T08:15:07.746940Z

Demonstrate how to use the KeyboardDefaults option parameter for layer types.

Attribution Example

2008-05-08T08:15:07.746940Z

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

Boxes Example

2008-05-08T08:15:07.746940Z

Demonstrate marker and box type annotations on a map.

Boxes Example

2008-05-08T08:15:07.746940Z

Demonstrate marker and box type annotations on a map.

Example Showing Browser Name

2008-05-08T08:15:07.746940Z

Demonstrate a simple map that shows the browser name.

Buffer Example

2008-05-08T08:15:07.746940Z

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

Click Event Example

2008-05-08T08:15:07.746940Z

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

Custom Control Point Example

2008-05-08T08:15:07.746940Z

Demonstrate the addition of a point reporting control to the OpenLayers window.

Custom Control Example

2008-05-08T08:15:07.746940Z

Demonstrate the addition of a draggable rectangle to the OpenLayers window.

Custom Style Example

2008-05-08T08:15:07.746940Z

Demonstrate changing CSS styles on controls in the OpenLayers window.

Debug Example

2008-05-08T08:15:07.746940Z

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

Double Set Center Example

2008-05-08T08:15:07.746940Z

Demonstrate the behavior of two calls to set the center after instatiating the layer object.

Drag Feature Example

2008-05-08T08:15:07.746940Z

Demonstrates point, line and polygon creation and editing.

Event Handling

2008-05-08T08:15:07.746940Z

Demonstrating various styles of event handling in OpenLayers.

Fractional Zoom Example

2008-05-08T08:15:07.746940Z

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

Full Screen Example

2008-05-08T08:15:07.746940Z

Demonstrate a map that fill the entire browser window.

GeoJSON Example

2008-05-08T08:15:07.746940Z

geojson.html

GeoRSS Marker Example

2008-05-08T08:15:07.746940Z

Demonstrate loading a GeoRSS feed using the GeoRSS parser.

GeoRSS Example

2008-05-08T08:15:07.746940Z

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

Feature Info Example

2008-05-08T08:15:07.746940Z

Demonstrates sending a GetFeatureInfo query to an OWS. Returns information about a map feature in the side DIV.

GML Layer Example

2008-05-08T08:15:07.746940Z

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

GML Parser Example

2008-05-08T08:15:07.746940Z

Demonstrate the operation of the GML parser.

Google with Overlay Example

2008-05-08T08:15:07.746940Z

Demonstrate a Google basemap used with boundary overlay layer.

Gutter Example

2008-05-08T08:15:07.746940Z

Demonstrates map tiling artifacts, and OpenLayer's facility for correcting this distortion.

Hover Handler Example

2008-05-08T08:15:07.746940Z

This example shows the use of the hover handler.

KaMap Example

2008-05-08T08:15:07.746940Z

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

KML Parser Example

2008-05-08T08:15:07.746940Z

Demonstrate the operation of the KML parser.

Layer Opacity Example

2008-05-08T08:15:07.746940Z

Demonstrate a change in the opacity for an overlay layer.

Layer Load Monitoring Example

2008-05-08T08:15:07.746940Z

Demonstrate a method for monitoring tile loading performance.

Basic Single WMS Example

2008-05-08T08:15:07.746940Z

Show a Simple Map

Using a Layer.Text to display markers

2008-05-08T08:15:07.746940Z

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

MultiMap Example

2008-05-08T08:15:07.746940Z

An example of using the Layer.MultiMap class.

Navigation Control

2008-05-08T08:15:07.746940Z

Demonstrate Navigation Control features

Setting a Visual Extent

2008-05-08T08:15:07.746940Z

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

Tiled Map Service Example

2008-05-08T08:15:07.746940Z

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

Transition Example

2008-05-08T08:15:07.746940Z

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

WorldWind Example

2008-05-08T08:15:07.746940Z

Demonstrate the use of a NASA WorldWind base layer.

WMS Untiled Example

2008-05-08T08:15:07.746940Z

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

WMS Example

2008-05-08T08:15:07.746940Z

Shows the basic use of openlayers using a WMS layer

WorldWind layers Example

2008-05-08T08:15:07.746940Z

Shows the use of the Tiled WorldWind layers.

XML Format Example

2008-05-08T08:15:07.746940Z

Shows the use of the OpenLayers XML format class

Zoom Level

2008-05-08T08:15:07.746940Z

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

mvs.html

2007-12-08T14:21:53.115500Z

mvs.html