OpenLayers Exampleshttp://openlayers.github.io/ol3/master/examples/example-list.xml#2014-03-07T09:54:05Z2014-03-07T09:54:05ZModify features examplemodify, edit, vectorExample of using the Modify interaction.2014-03-06T22:43:10+0100ahocevarhttp://openlayers.github.io/ol3/master/examples/modify-features.html#2014-03-06T22:43:10+0100Google Maps integration examplegoogleExample of a GMaps map with an ol3 map as control, to give users a Google base map with ol3 content on top.2014-03-02T15:56:21+0100ahocevarhttp://openlayers.github.io/ol3/master/examples/google-map.html#2014-03-02T15:56:21+0100Image filter examplefilter, image manipulationApply a filter to imagery2014-03-01T17:44:43-0700Tim Schaubhttp://openlayers.github.io/ol3/master/examples/image-filter.html#2014-03-01T17:44:43-0700IGC examplecomplex-geometry, closest-feature, igc, opencyclemapExample of tracks recorded from multiple paraglider flights on the same day, read from an IGC file. The five tracks contain a total of 49,707 unique coordinates. Zoom in to see more detail. The background layer is from <a href="http://www.opencyclemap.org/">OpenCycleMap</a>.2014-02-28T10:25:19+0100Frederic Junodhttp://openlayers.github.io/ol3/master/examples/igc.html#2014-02-28T10:25:19+0100Accessibility exampleaccessibility, tabindexExample of an accessible map.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/accessible.html#2014-02-26T17:58:43+0100Animation exampleanimationDemonstrates animated pan, zoom, and rotation.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/animation.html#2014-02-26T17:58:43+0100Bind HTML input exampleinput, bind, openstreetmapDemonstrates two-way binding of HTML input elements to OpenLayers objects.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/bind-input.html#2014-02-26T17:58:43+0100Bing Maps examplebing, bing-mapsExample of a Bing Maps layer.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/bing-maps.html#2014-02-26T17:58:43+0100Brightness/contrast examplebrightness, contrast, webglExample of brightness/contrast control on the client (WebGL only).2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/brightness-contrast.html#2014-02-26T17:58:43+0100Canvas tiles examplelayers, openstreetmap, canvasRenders tiles with coordinates for debugging.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/canvas-tiles.html#2014-02-26T17:58:43+0100Custom controlscustom, controlThis example shows how to create custom controls.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/custom-controls.html#2014-02-26T17:58:43+0100Device orientation exampleorientation, openstreetmapListen to DeviceOrientation events2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/device-orientation.html#2014-02-26T17:58:43+0100Drag-and-Drop image vector exampledrag-and-drop-image-vector, gpx, geojson, igc, kml, topojson, vector, imageExample of using the drag-and-drop interaction with a <code>ol.source.ImageVector</code>. Drag and drop GPX, GeoJSON, IGC, KML, or TopoJSON files on to the map. Each file is rendered to an image on the client.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/drag-and-drop-image-vector.html#2014-02-26T17:58:43+0100Drag-and-Drop exampledrag-and-drop, gpx, geojson, igc, kml, topojsonExample of using the drag-and-drop interaction. Drag and drop GPX, GeoJSON, IGC, KML, or TopoJSON files on to the map.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/drag-and-drop.html#2014-02-26T17:58:43+0100Drag rotate and zoom exampledrag, rotate, zoom, interactionA single interaction to drag, rotate, and zoom.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/drag-rotate-and-zoom.html#2014-02-26T17:58:43+0100Draw features exampledraw, edit, vectorExample of using the <code>ol.interaction.Draw</code> interaction.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/draw-features.html#2014-02-26T17:58:43+0100Dynamic data exampledynamic-dataExample of dynamic data.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/dynamic-data.html#2014-02-26T17:58:43+0100EPSG:4326 exampleepsg4326Example of a map in EPSG:4326.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/epsg-4326.html#2014-02-26T17:58:43+0100Export map exampleexport, png, openstreetmapExample of exporting a map as a PNG image.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/export-map.html#2014-02-26T17:58:43+0100Full screen drag rotate and zoom examplefull-screen, drag, rotate, zoom, bing, bing-mapsExample of drag rotate and zoom control with full screen effect.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/full-screen-drag-rotate-and-zoom.html#2014-02-26T17:58:43+0100GeoJSON examplegeojson, vector, openstreetmapExample of GeoJSON features.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/geojson.html#2014-02-26T17:58:43+0100Geolocation examplegeolocation, openstreetmapExample of a geolocation map.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/geolocation.html#2014-02-26T17:58:43+0100GetFeatureInfo examplegetfeatureinfoThis example shows how to trigger WMS GetFeatureInfo requests on click for a WMS image layer.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/getfeatureinfo.html#2014-02-26T17:58:43+0100GPX exampleGPXExample of using the GPX source.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/gpx.html#2014-02-26T17:58:43+0100Hue/saturation examplehue, saturation, webglExample of hue/saturation control on the client (WebGL only).2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/hue-saturation.html#2014-02-26T17:58:43+0100Icon examplevector, style, icon, marker, popupExample using an icon to symbolize a point.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/icon.html#2014-02-26T17:58:43+0100Image vector examplevector, imageExample of an image vector layer.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/image-vector-layer.html#2014-02-26T17:58:43+0100Earthquakes in KMLKML, vector, styleDemonstrates the use of a Shape symbolizer to render earthquake locations.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/kml-earthquakes.html#2014-02-26T17:58:43+0100Timezones in KMLKML, vector, styleDemonstrates rendering timezones from KML.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/kml-timezones.html#2014-02-26T17:58:43+0100KML exampleKMLExample of using the KML source.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/kml.html#2014-02-26T17:58:43+0100Layer clipping exampleclipping, openstreetmapLayer clipping example.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/layer-clipping.html#2014-02-26T17:58:43+0100Layer group exampletilejson, input, bind, group, layergroupExample of a map with layer group.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/layer-group.html#2014-02-26T17:58:43+0100Layer spy examplespy, image manipulationView a portion of one layer over another2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/layer-spy.html#2014-02-26T17:58:43+0100Layer Swipe exampleswipe, openstreetmapExample of a Layer swipe map.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/layer-swipe.html#2014-02-26T17:58:43+0100Localized OpenStreetMap examplecors, localized-openstreetmap, openseamap, openstreetmapExample of a localized OpenStreetMap map with a custom tile server and a custom attribution. The base layer is <a href="http://www.opencyclemap.org/">OpenCycleMap</a> with an overlay from <a href="http://www.openseamap.org/">OpenSeaMap</a>. The OpenSeaMap tile server does not support <a href="http://enable-cors.org/">CORS</a> headers.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/localized-openstreetmap.html#2014-02-26T17:58:43+0100MapGuide untiled examplemapguideExample of a untiled MapGuide map.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/mapguide-untiled.html#2014-02-26T17:58:43+0100MapQuest examplemapquestExample of a MapQuest map.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/mapquest.html#2014-02-26T17:58:43+0100Mouse position examplemouse-position, openstreetmapExample of a mouse position control, outside the map.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/mouse-position.html#2014-02-26T17:58:43+0100Move end examplemoveend, map, eventUse of the moveend event.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/moveend.html#2014-02-26T17:58:43+0100Navigation controls examplecontrol, navigation, extentShows how to add navigation controls.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/navigation-controls.html#2014-02-26T17:58:43+0100Overlay exampleoverlay, popup, bootstrap, popover, mapquest, openaerialDemonstrates overlays.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/overlay.html#2014-02-26T17:58:43+0100Popup exampleoverlay, popup, mapquest, openaerialUses an overlay to create a popup.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/popup.html#2014-02-26T17:58:43+0100Preload examplepreload, bingExample of tile preloading.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/preload.html#2014-02-26T17:58:43+0100Rotation examplerotation, openstreetmapExample of a rotated map.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/rotation.html#2014-02-26T17:58:43+0100Scale line examplescale-line, openstreetmapExample of a scale line.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/scale-line.html#2014-02-26T17:58:43+0100Select features exampleselect, vectorExample of using the Select interaction. Select features by clicking polygons. Hold the Shift-key to add to the selection.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/select-features.html#2014-02-26T17:58:43+0100Semi-transparent layer exampletransparent, mapquest, tilejsonExample of a map with a semi-transparent layer.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/semi-transparent-layer.html#2014-02-26T17:58:43+0100Side-by-side exampleside-by-side, canvas, webgl, dom, canvas, sync, objectThe three maps, one WebGL, one Canvas, one DOM, share the same center, resolution, rotation and layers.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/side-by-side.html#2014-02-26T17:58:43+0100Simple examplesimple, openstreetmapExample of a simple map.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/simple.html#2014-02-26T17:58:43+0100Stamen examplestamen, watercolor, terrain-labels, two-layersExample of a Stamen tile source. Two layers are composed: the watercolor base layer with the terrain labels.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/stamen.html#2014-02-26T17:58:43+0100Static image examplestatic image, xkcdExample of a static image layer. Source: <a href="http://xkcd.com/256/">xkcd.com/256/</a>2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/static-image.html#2014-02-26T17:58:43+0100Teleport exampleteleport, openstreetmapExample of moving a map from one target to another.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/teleport.html#2014-02-26T17:58:43+0100TileJSON exampletilejsonExample of a TileJSON layer.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/tilejson.html#2014-02-26T17:58:43+0100TopoJSON examplevector, topojson, styleDemonstrates rendering of features from a TopoJSON topology.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/topojson.html#2014-02-26T17:58:43+0100Vector layer examplevector, geojson, style, feature overlayExample of a countries vector layer with country information on hover and country labels at higher zoom levels.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/vector-layer.html#2014-02-26T17:58:43+0100WMS GetCapabilities parsing examplewms, capabilities, getcapabilitiesExample of parsing a WMS GetCapabilities response.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/wms-capabilities.html#2014-02-26T17:58:43+0100Tiled WMS with Proj4js projection examplewms, tile, tilelayer, proj4js, projectionExample of two tiled WMS layers (Pixelmap 1:1'000'000 and national parks) using the projection EPSG:21781.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/wms-custom-proj.html#2014-02-26T17:58:43+0100Single image WMS with custom projection examplewms, single image, projectionExample of two single image WMS layers.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/wms-image-custom-proj.html#2014-02-26T17:58:43+0100Single image WMS examplewms, imageExample of a single image WMS layer.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/wms-image.html#2014-02-26T17:58:43+0100WMS without client projection examplewms, projectionExample of two WMS layers using the projection EPSG:21781, which is unknown to the client.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/wms-no-proj.html#2014-02-26T17:58:43+0100Tiled WMS examplewms, tile, tilelayerExample of a tiled WMS layer.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/wms-tiled.html#2014-02-26T17:58:43+0100WMTS examplewmtsExample of a WMTS source.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/wmts.html#2014-02-26T17:58:43+0100XYZ Esri examplexyz, esriExample of a XYZ source using Esri tiles.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/xyz-esri.html#2014-02-26T17:58:43+0100Zoomify examplezoomifyExample of a Zoomify source.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/zoomify.html#2014-02-26T17:58:43+0100ZoomSlider controlzoom, zoomslider, slider, style, styling, css, controlExample of various ZoomSlider controls.2014-02-26T17:58:43+0100Tom Paynehttp://openlayers.github.io/ol3/master/examples/zoomslider.html#2014-02-26T17:58:43+0100Full screen control examplefull-screen, bing, bing-mapsExample of a full screen control.2014-02-26T15:18:14+0100Frederic Junodhttp://openlayers.github.io/ol3/master/examples/full-screen.html#2014-02-26T15:18:14+0100d3 integration exampled3Example of using ol3 and d3 together.2014-02-21T18:45:46-0700Tim Schaubhttp://openlayers.github.io/ol3/master/examples/d3.html#2014-02-21T18:45:46-0700Layer WebGL clipping exampleclipping, webgl, openstreetmapLayer WebGL clipping example.2014-02-21T18:45:46-0700Tim Schaubhttp://openlayers.github.io/ol3/master/examples/layer-clipping-webgl.html#2014-02-21T18:45:46-0700Min/max resolution exampleminResolution, maxResolution, resolutionShow/hide layers depending on current view resolution.2014-02-21T18:45:46-0700Tim Schaubhttp://openlayers.github.io/ol3/master/examples/min-max-resolution.html#2014-02-21T18:45:46-0700R-Tree examplevector, rtreeR-Tree example. Please note that this example only works locally, it does not work when the examples are hosted. This is because it accesses internals the R-Tree data structure, which are not exported in the API.2014-02-21T18:45:46-0700Tim Schaubhttp://openlayers.github.io/ol3/master/examples/rtree.html#2014-02-21T18:45:46-0700Synthetic lines examplevectorSynthetic lines example.2014-02-21T18:45:46-0700Tim Schaubhttp://openlayers.github.io/ol3/master/examples/synthetic-lines.html#2014-02-21T18:45:46-0700Synthetic points examplevectorSynthetic points example.2014-02-21T18:45:46-0700Tim Schaubhttp://openlayers.github.io/ol3/master/examples/synthetic-points.html#2014-02-21T18:45:46-0700Fractal Examplefractal, vectorExample of a fractal.2014-02-21T17:48:17-0700Tim Schaubhttp://openlayers.github.io/ol3/master/examples/fractal.html#2014-02-21T17:48:17-0700Earthquakes heatmapheatmap, kml, vector, styleDemonstrates the use of a heatmap layer.2014-02-19T12:06:13+0100Frederic Junodhttp://openlayers.github.io/ol3/master/examples/heatmap-earthquakes.html#2014-02-19T12:06:13+0100Mobile full screen examplefullscreen, bing, geolocation, mobileExample of a full screen map.2014-02-13T16:50:49+0100Antoine Abthttp://openlayers.github.io/ol3/master/examples/mobile-full-screen.html#2014-02-13T16:50:49+0100OSM XML examplevector, osm, xmlExample of using the OSM XML source.2014-01-20T17:16:03+0100Frederic Junodhttp://openlayers.github.io/ol3/master/examples/vector-osm.html#2014-01-20T17:16:03+0100