Font style
(map.style.font.html)

Draw points using an iconic font (font Awesome) gives you scalable vector icons that can instantly be customized (form, size, color, drop shadow) using attributes..

stylevectorfontfontawesomeiconmaki

Photo style
(map.style.photo.html)

The ol.style.Photo is an image style to show photos or images on a map. The photos are drawn in a box and can be anchored.

stylevectorphoto

Statistic charts style
(map.style.chart.html)

The ol.style.Chart is an image style to draw statistical graphics (bar, donut or pie charts) on a map.

stylevectorstatisticchartpiedonutanimation

Statistic charts style + values
(map.style.chart+text.html)

This example shows how to display values using a ol.style.Chart.

stylevectorstatisticchartpietext

Fill pattern style
(map.style.pattern.html)

The ol.style.FillPattern is a fill style with a set of cartographic patterns to use in your maps.

stylevectorfillpatternhatch

Stroke pattern style
(map.style.strokepattern.html)

The ol.style.StokePattern is a stroke style with a set of cartographic patterns to use in your maps.

stylevectorstrokepatternhatch

FlowLine style
(map.style.flowline.html)

The ol.style.FlowLine is a line style to draw LineString with variable colors and widths to display flows or Sankey diagram on a map.

stylevectorflowcolorsankey

Flow arrow style
(map.style.flowarrow.html)

With the ol.style.FlowLine you can add arrows to draw Sankey maps.

stylevectorflowcolorarrowsankey

FlowLine style
(map.style.gpxline.html)

This example displays a GPX track using a ol.style.FlowLine to symbolize elevation along the line as a color.

stylevectorflowcolorgpx

Profile style
(map.style.profile.html)

ol/style/Profile is a style to draw line profiles on a map.

stylevectorprofile3Dgpx

Textpath style
(map.style.textpath.html)

The ol.vector.setTextPathStyle() is a function to draw text along a linear feature (ol.geom.lineString) on postcompose.

stylevectortextpathtextalong

Hash lines style
(map.style.hashlines.html)

This example uses the ol.geom.offsetCoords() function to draw an offset line with a dash symbol.

stylevectorhashstrokeoffset

Scribble fill
(map.style.scribblefill.html)

The scribbleFill function calculates a MultiPolyline to fill a Polygon with a scribble effect that appear hand-made.

stylevectorhatchfillscribble

Animated clusters
(map.animatedcluster.html)

ol.layer.AnimatedCluster is a layer that animates clusters on zoom change.

maplayeranimationclusteranimated

Feature animation
(map.featureanimation.html)

ol.featureAnimation provides animations to animate features on a map.

mapfeatureanimationbouncedrop

Feature animation with select
(map.featureanimation.select.html)

This example shows how to use a transparent style to let the features selectable when animated.

mapfeatureanimationbouncedropselect

Animate features along a path
(map.featureanimation.path.html)

This example animates features along a path.

mapfeatureanimationpath

Pulse!
(map.pulse.html)

A pulse function to pulse points on a map.

mapanimationpulse

Crop/mask filter
(map.filter.crop.html)

Filter to crop or mask a map or a layer using an area (ol.feature).

filtercropmask

Clip filter
(map.filter.clip.html)

Filter to clip a map or a layer.

filterclip

Colorize filter
(map.filter.colorize.html)

Filter to add color effects on maps or layers (hue, color, grayscale, enhance...).

filtereffectcolorhuesaturationinvertgrayscale

Texture filter
(map.filter.texture.html)

Filter to add texture effects on maps or layers.

filtereffecttexture

Composite filter
(map.filter.composite.html)

This filter applies a composite operation on layer drawing.

filtereffectcompositecolorcanvas

Canvas filter
(map.filter.canvasfilter.html)

Apply canvas filter on layer drawing.

filtereffectsvgblurhuerotatecanvas

Mix blend mode filter
(map.filter.css.html)

Apply CSS filter on layers (mix-blend-mode).

filtereffectol6blend

Folding map
(map.filter.fold.html)

This filter creates a folding effect on the map.

filtereffectfoldfoldingmapcanvas

Pencil sketch filter
(map.filter.pencilsketch.html)

A filter to turn your maps into pencil sketchs.

filterpencilsketchmapcanvas

Edge detection filter
(map.filter.edgedetection.html)

A set of filters to turn detect edges on map layers.

filterSVGmapcanvasSobelRobertsPrewitt

Layer switcher control example
(map.switcher.html)

Example of a layer switcher control with visibility, opacity and ordering.

layerswitchercontrol

Switcher with layer filter option
(map.switcher.filter.html)

Example of a layer switcher control with a filter to filter layers on names.

layerswitchercontrolfilter

LayerSwitcher image
(map.switcher.image.html)

A simple layer switcher with image buttons.

layerswitchercontrolpreview

LayerSwitcher popup
(map.switcher.popup.html)

A simple layer switcher as a menu.

layerswitchercontrol

Layer shop
(map.switcher.shop.html)

A layer switcher integrating bars to handle layer properties and buttons.

layerswitchershopcontrol

WMS Capabilities control
(map.wmscapabilities.html)

A control to help adding WMS on your maps.

mapcontrollayerWMScapabilitiesgetCapabilities

WMTS Capabilities control
(map.wmtscapabilities.html)

A control to help adding WMTS on your maps.

mapcontrollayerWMTScapabilitiesgetCapabilities

MapZone control
(map.control.mapzone.html)

A control to jump from a map zone to another.

mapcontrolzonelocate

Overlay menu
(map.control.overlay.menu.html)

The overlay control can be used to display a menu on to of the map.

overlaycontrolmenu

Overview map
(map.overview.html)

An overview map with zoom limit and custom styles. Click on the overview will center the map.

overviewcontrol

Geo bookmarks control
(map.control.geobookmark.html)

ol.control.GeoBookmark adds a control to handle geo bookmarks, ie. save places.

controlbookmarkplace

Profile control
(map.control.profile.html)

ol.control.Profile is a control that draw a profile of a 3D lineString (with a XYZ or XYZM layout).

controlprofileZaltitudeGPXGPS

Permalink control
(map.control.permalink.html)

The ol.control.Permalink is hyperlink that will return the user to the current map view.

controlpermalink

Swipe control
(map.control.swipe.html)

The ol.control.Swipe is a control that add a split screen to compare two map overlays.

controlswipecompare

Compare map
(map.compare.html)

Swipe control and clip interaction to compare two maps.

mapcompareswipeclip

Notification control
(map.control.notification.html)

The ol.control.Notification lets you show notification on the map.

mapcontrolnotification

Globe control
(map.control.globe.html)

The ol.control.Globe add a small globe on the map to display a position marker.

controlswipeoverlaysplit

Gauge control
(map.control.gauge.html)

The ol.control.Gauge add a gauge on the map.

controlgauge

Scale control
(map.control.scale.html)

ol.control.Scale displays the current scale in a control on the map.

controlscale

FeatureList control
(map.control.featurelist.html)

ol/control/FeatureList displays a list of features attributes in a list.

controllisttable

Control button
(map.control.button.html)

The ol.control.Button is simple control button.

controlbuttontoolbar

Control Toggle
(map.control.toggle.html)

ol.control.Toggle is an ol.control.Button with an active/deactive state.

controlbuttontoggletoolbar

Control bar
(map.control.bar.html)

The ol.control.Bar is a panel that contains other controls. You can compose toolbars with it.

controlbartoolbarbuttonpanel

Control subbar
(map.control.subbar.html)

ol.control.Bar an be bested using an ol.control.Toggle to add subbar.

controlbarsubbartoolbarbuttonpanel

Edition bar
(map.control.editionbar.html)

An example of ol.control.Bar to handle an edit toolbar.

controleditbartoolbarbuttonpanel

Print control
(map.control.print.html)

A control to print the map.

controlcanvasprintmapexport

Print dialog control
(map.control.printdialog.html)

Add a dialog to print the map.

controlcanvasprintmapexportdialog

Canvas control
(map.canvas.control.html)

Example of canvas controls, ie. controls that are drawn on the canvas to use with export (jpeg/png) functions.

controlcanvasscale lineattributiontitleexport

Compass control.
(map.control.compass.html)

The ol.control.Compass draw a compass on the map.

controlcanvascompass

Graticule control.
(map.control.graticule.html)

The ol.control.Graticule draw a graticule and coordinate labels on the map.

controlcanvasgraticule

Grid reference control.
(map.control.gridreference.html)

The ol.control.GridReference display a grid reference on the map associated with an index map.

controlcanvasgridreferenceindex

Target control.
(map.target.control.html)

The ol.control.Target draw a target to materialize the center of the map.

controlcanvastarget

Transform interaction
(map.interaction.transform.html)

The ol.interaction.Transform is an interaction to transform features (scale, translate, rotate).

interactiontransformscaletranslaterotatevector

An interaction to copy / paste features on the map
(map.interaction.copypaste.html)

ol.interaction.CopyPaste is an interaction to copy, cut, paste features.

interactionfeaturecopycutpaste

An interaction to draw holes in polygons
(map.interaction.drawhole.html)

ol.interaction.DrawHole is an interaction to draw holes in poglygon features.

interactiondrawholepolygondonut

Split feature interaction
(map.interaction.split.html)

ol.interaction.Split is an interaction to split feature geometry (ol.geom.LineString).

interactionsplitlinestring

Splitter interaction
(map.interaction.splitter.html)

An interaction that acts as a split feature agent while editing vector features (LineString).

interactionsplitlinestring

Modify feature
(map.interaction.modifyfeature.html)

A modify interaction that support undo/redo.

interactionmodifyundo

Draw regular interaction
(map.interaction.drawregular.html)

ol.interaction.DrawRegular is an interaction to draw regular polygon (circle/ellipse, triangle, square/rectangles, etc).

interactionregularinteractiondrawcircletriangle

Offset interaction
(map.interaction.offset.html)

An interaction to offset the feature geometry.

interactionvectortransformoffset

Hover interaction
(map.interaction.hover.html)

An interaction to do something when hovering a feature (change cursor, show a popup, display information, etc.)

interactionhovercursor

Snap guide interaction
(map.interaction.snapguides.html)

ol.interaction.SnapGuide handles snapping of vector features using guides lines while modifying or drawing them.

interactionsnaguide

Clip interaction
(map.interaction.clip.html)

ol.interaction.Clip clip layers by a circle on the map.

interactionclipcirclecanvas

Dropfile interaction
(map.ddrop.html)

ol.interaction.DropFile is a drag and drop interaction. It fires a loadstart and loadend and errors.

interactiondragdrop

Drag overlays interaction
(map.interaction.dragoverlay.html)

ol.interaction.DraOverlay is an interaction to drag overlays on the map.

interactiondragpopupplacemarkoverlay

Undo/redo interaction
(map.interaction.undoredo.html)

ol/interaction/UndoRedo is an interaction to handle undo/redo on a map.

interactionundoredo

Undo/redo attributes
(map.interaction.undoredo2.html)

ol/interaction/FillAttribute is a cancelable interaction to modify attributes.

interactionundoredoattributes

Undo/redo custom action
(map.interaction.undocustom.html)

This example shows how to define action with ol/interaction/UndoRedo.

interactionundoredocustomaction

Legend control
(map.control.legend.html)

ol.control.Legend is a control to display a legend on a map.

stylelegendfeaturescontrol

Legend control
(map.control.legendstat.html)

An example to display a ol.control.Legend in a statistical map.

stylelegendfeaturescontrol

Multi Legend control
(map.control.legends.html)

An example to display a ol.control.Legend with 2 columns.

stylelegendfeaturescontrol

Legend with an image
(map.control.legend.image.html)

Legend items can use ol/legend/Image to display an image as legend.

stylelegendimagecontrol

Layer legend
(map.control.legend.layer.html)

Legends can be associated with a layer and displayed when the layer is visible only.

stylelegendlayercontrol

Search bar
(map.control.search.html)

A generic search bar to search on the map.

searchcontrol

Search GPS
(map.control.searchgps.html)

A search control to get lon/lat from user.

searchcontrolGPSlongitudelatitude

Search coordinates
(map.control.searchcoord.html)

A search control to search place by coordinates.

searchcontrolcoordinateprojection

Search feature
(map.control.searchfeature.html)

A search bar to search features on the map.

searchcontrolvector

Search WikiPedia feature
(map.control.searchpedia.html)

A search control to search features in WikiPedia.

searchcontrolvectorwikipediamediawiki

Search places with Nominatim
(map.control.searchnominatim.html)

A search bar to search places using the OSM Nominatim.

searchcontrolOSMnominatimplacesautocomplete

Search places with Photon
(map.control.searchphoton.html)

A search bar to search places using the photon API.

searchcontrolOSMphotonplacesautocomplete

Search French places
(map.control.searchban.html)

A search bar to search French places using the French National Address Base (BAN) API.

searchcontrolBANfrenchplacesautocomplete

Search Géoportail
(map.control.searchgeoportail.html)

A search bar to search French places using the Géoportail API.

searchcontrolGeoportailfrenchplacesautocomplete

Search French cadastral parcels
(map.control.searchgeoportailparcelle.html)

A search bar to search French cadastral parcels using the Géoportail API.

searchcontrolGeoportailfrenchparcelautocomplete

Select control
(map.control.select.html)

ol.control.Select is a control to select features by attributes in a source.

searchselectfeaturescontrol

Multi-select control
(map.control.selectmulti.html)

ol.control.SelectMulti is a control container that manage other Select control.

searchselectfeaturescontrol

Dijkstra short path
(map.source.dijkstra.html)

Use Dijkstra's algorithm on a vector layer.

routinggraphalgodijkstraA*short path

Geoportail routing
(map.control.routing.html)

A routing control that use the French Geoportail API.

routingIGNFGeoportail

Geoportail isochrone
(map.control.isochrone.html)

An isochrone control that use the French Geoportail API.

routingisochroneIGNFGeoportail

Popup!
(map.popup.html)

Show popup on a map with style.

popupoverlay

Animated popup!
(map.popup.anim.html)

This example uses a CSS to add a bounce effect to the popup display.

popupoverlayanimation

Feature popup
(map.popup.feature.html)

ol/Overlay/PopupFeature is a popup to show the content of features on the map.

popupoverlayfeatureattributeselect

Fixed popup
(map.fixedpopup.html)

Popup on a fixed place in the map viewport.

popupoverlay

Tooltips
(map.tooltip.measure.html)

ol/Overlay/Tooltip is a popup to show information on the fly. It can be used to display measure while drawing.

popupoverlayfeaturetooltipmeasure

Placemark
(map.placemark.html)

Display a placemark on the map.

popupoverlayplacemarkanimation

Overlay control
(map.control.overlay.html)

The overlay control can be used to display information on to of the map.

popupoverlayanimation

Hexbin maps
(map.layer.hexbin.html)

ol.source.HexBin aggregates features on hexagonal grid. Hexagonal binning (heatmaps) provide a convenient way to visualize density.

layerhexbinclusterhexagonbinningheatmap

Grid bin maps
(map.layer.gridbin.html)

ol.source.GridBin is a convenient way for aggregating data into a coarser representation for display.

layerbinningclustersquaregrid

INSEE bin maps
(map.layer.insee.html)

The French INSEE grid is a 2.3 million squares grid (200m x 200m) that cover the France based on lambert azimutha equal area projection (EPSG:3035).

layerbinningclustersquareinsee

Feature bin maps
(map.layer.featurebin.html)

The ol.source.FeatureBin is a source that use a set of features subdivision to bin data on it.

layerclusterbinningfeatureaggregate

Georeference images on a map
(map.geoimage.html)

ol/source/GeoImage georeference images on a map.

layergeoreferencegeoreferencingimagephoto

IDW interpolated source
(map.layer.idw.html)

ol/source/IDW is an IDW (Inverse Distance Weighted) interpolated source.

layersourceIDWinterpolationinversedistanceweight

Show DFCI grid in a layer
(map.dfci.html)

A ol/source/DCI to display the French DFCI grid on a map as a layer.

sourcedfcigridindex

A source to display day/night on a map.
(map.daynight.html)

The ol/source/DayNight display night and day on a map.

sourcenightday

French IGN's layer and source
(map.layer.geoportail.html)

ol/source/Geoportail abd ol/layer/Geoportail handle french Geoportail layers and API key.

sourcelayergeoportail

Preview of a layer
(map.preview.html)

Add a getPreview function to ol.layer that retrieve a preview of the layer.

layerpreview

Overpass source
(map.overpass.html)

ol.source.Overpass is a vector source that use the Overpass API to load OSM features.

layervectorOSMOverpass

GeoRSS source
(map.source.georss.html)

ol/source/GeoRSS is a vector source to load a GeoRSS feed.

sourcelayervectorGeoRSS

BDpedia layer
(map.dbpedia.html)

A BDpedia tile vector layer that use RDF of the french DBpedia project.

layervectorwikipediadbpedia

Wikimedia Commons layer
(map.wikicommons.html)

ol.layer.WikiCommons is a tile vector layer that use Wikimedia Commons.

layervectorwikipediawikimediacommons

Delaunay triangulation
(map.source.delaunay.html)

ol.source.Delaunay computes a Delaunay triangulation of a vector source.

sourcevectorDelaynayVoronoitriangulationTIN

GPS control button
(map.control.geolocationbt.html)

The ol/interaction/GeolocationButton is a simple button to handle geolocation.

interactionmobileGPSlocation

Draw feature using GPS
(map.interaction.geolocationdraw.html)

The ol.interaction.GeolocationDraw is a draw interaction that use the GPS to draw features.

interactionmobiledrawGPSlocation

A control bar to record GPS tracks
(map.control.geolocationbar.html)

The ol.control.GeolocationBar is a control designed to record GPS tracks.

mobilecontrolbardrawGPSlocation

Touch compass interaction
(map.interaction.touchcompass.html)

The TouchCompass interaction lets you handle movement by dragging a touch compass.

interactiontouchdragcompass

Long touch interaction
(map.interaction.longtouch.html)

The LongTouch interaction is an interaction to handle a long touch event.

interactiontouchlong

Touch draw interaction
(map.interaction.drawtouch.html)

An interactioon for drawing feature geometry on a touch device.

interactiontouchdrawvector

ModifyTouch interaction
(map.interaction.modifytouch.html)

An interactioon to display a popup when modifying a feature to remove a vertex on touch devices.

interactiontouchmodifyremovevector

TouchCursor interaction
(map.interaction.touchcursordraw.html)

An interaction specially designed to work on mobile, with a cursor to shift the finger position and lets it visible when drawing.

interactionmobiletouchmodifydrawvector

Cardinal spline
(map.geom.cspline.html)

The ol.geom.Geometry.cspline() function smooth lines by using cardinal splines (canonical spline) to draw smooth curves that goes through the points.

geomlinestringsplinesmoothcurve

Geohash
(map.geohash.html)

The ol/geohash adds functions to convert a geohash to/from a latitude/longitude point, and to determine bounds of a geohash cell and find neighbours of a geohash.

geomgeohash

Great circle track
(map.geom.greatcircle.html)

The ol.sphere.greatCircleTrack() function computes a great circle geometry.

geomtrackgreat circlesphere

Convex Hull
(map.convexhull.html)

The ol.coordinate.convexHull() function calculates a convex hull or convex envelope, ie. the smallest polygon that contains all points of a set.

geompolygonconvex hullenvelope

Cluster envelope
(map.cluster.convexhull.html)

Uses convex hull to display the envelope of the points inside a cluster when cusor hovers the cluster.

geompolygonconvex hullenvelope

Intersection!
(map.intersection.html)

Fast polygon intersection calculation with an extent.

geometryintersectionextent

Intersection (circle)!
(map.circle.intersection.html)

Rough polygon intersection calculation with a circle.

geometryintersection

Intersection (statistics)!
(map.layer.clc.wfs.html)

Calculte statistics on a map using fast polygon intersection calculation.

geometryintersectionstatistics

Perspective map
(map.perspective.html)

ol/PerspectiveMap displays a map with a perspective effect by pitching the map.

map3D2.5Dperspective

Storymap
(map.control.storymap.html)

A control with scroll-driven navigation to create narrative maps.

storymapscroll-drivennarrationcontrol

Time line
(map.control.timeline.html)

The ol/control/Timeline displays features on a timeline.

storymaptimelinedatetimecontrol

Time line interval
(map.control.timeinterval.html)

The ol/control/Timeline can be used to displays filter features in a time interval.

storymaptimelineintervaldatetimecontrolearthquake

Time line slider
(map.control.timequake.html)

This example use a ol/control/Timeline as a time slider.

storymaptimelinesliderdatetimecontrolearthquake

Historical map
(map.historical.html)

This example use a ol/control/Timeline to control layer visibility.

storymaptimelinelayerdatetimecontrolhistoric

Image line
(map.control.imageline.html)

The ol/control/Imageline displays images on map as a line.

storymapimagelinecontrol

Elevation layer
(map.layer.altitude.html)

Use elevation Band Interleaved by Line (BIL) to encode altitude as RGB pixels in a layer.

layerelevationbilaltitudeDEM

Hypsosometric tints
(map.layer.elev.html)

Use elevation layer to render hyspometric tints.

layerelevationbilhyspometricDEM

Sea level
(map.layer.sealevel.html)

Use elevation layer to render sea level at different elevation.

layerelevationbilfloodDEM

Status control
(map.control.status.html)

A control to show debug information on the map.

controlstatusoverlaydebug

Dialog control
(map.dialog.html)

A control to display dialogs on a map.

controldialogoverlayform

Record map as video!
(map.control.videorecorder.html)

Add some magic on your maps.

controlcanvasanimationvideorecord

Thinker Bell animation
(map.interaction.tinkerbell.html)

Add some magic on your maps.

interactionTinker Bellsparklecursor

There is a Blob on my map!
(map.interaction.blob.html)

Add a blob interaction on your maps.

interactionblobclipcursor

Magnify glass
(map.overlay.magnify.html)

The Magnify overlay add a "magnifying glass" effect to an OL3 map that displays a portion of the map in a different zoom (and actually display different content).

overlaymagnifyglasszoom

Flashlight!
(map.flashlight.html)

The flashlight interaction add a flashlight effect on mouse move.

interactioneffectlight

Animated Overlay
(map.animatedcanvas.html)

The ol.Overlay.AnimatedCanvas is an overlay to play animations on top of the map.

controleffectrainsnowcloudsbirdsanimation

Map in the cloud
(map.control.cloud.html)

The ol.control.Cloud adds an animated clouds overlay over the map.

controleffectcloudsbirdsanimation

Lego map
(map.filter.lego.html)

A map that looks like made of a set of Lego bricks.

filtereffectlegobrick

OilPainting source
(map.filter.oilpaint.html)

ol/source/OilPainting turns an image layer into artistic oil painting.

sourcefilteroilpainting

Pointillism filter
(map.filter.pointillism.html)

ol/filter/Poinitillism turns an image layer into artistic impressionnist pointillist painting.

sourcefilterimpressionnismpointillismpainting

Watter ripple
(map.interaction.ripple.html)

The ripple interaction add a watter ripple effect on a map.

interactioneffectanimationwatterripple

Synchronize Maps
(map.interaction.synchronize.html)

Synchronize maps and add an overlay to show mouse position.

synchronizationmapcursorcomparison

Synchronize Maps
(map.synchro.html)

Synchronize maps in different windows.

synchronizationmapwindowcomparison

Playing with VectorTile styles
(map.layer.gppvtile.html)

An exemple to change colors on a VectorTile

sourcelayergeoportailvectortilestyle

Download IGN Geoportail Opendata
(map.layer.geoportail.wfs.html)

An exemple to download data using a WFS.

sourcelayergeoportailWFSopendata

Progress bar
(map.progressbar.html)

Add a progress bar to your maps.

controlprogressbar

Inputs!
(map.input.html)

A wide range of inputs to use in your maps.

mapinputcolorsizemenurange

Collection input list
(map.input.collection.html)

A list element to synchronize with an ol.Collection.

olcollectionlist

Exif2GeoJSON
(exif2geojson.html)

A usefull tool to make a GeoJSON file with all of the found GPS points in a list of images.

exiftagimagegeojsontool

GeoJSON2CSV
(geojson2csv.html)

Convert a GeoJSON file to CSV.

csvgeojsontool

CSV2GeoJSON
(csv2geojson.html)

Convert a CSV file to GeoJSON.

csvgeojsontool

Pirate map.
(map.pirate.html)

This example shows how to combine a color filter, with a parchment texture filter, a compass control and a graticule control to create an old map effect.

controlcanvaspirategraticulecompasseffect

2.5/3D renderer
(map.layer.3D.html)

This example is an attempt to represent 2.5/3D informations on a map.

layervector3Dbuildingsanimation

2.5/3D layer
(map.layer.3D.2.html)

The ol/layer/Vector3D is a layer to display vector source in a 2.5/3D style.

layervector3Dsourceanimationstatistic

BDpedia photo map
(map.dbpedia.photo.html)

An example using a BDpedia layer with clusters to show photos on a map.

layervectorclusterphotostyledbpediaanimation

Clustering map
(map.clustering.html)

An example using the ol.style.Chart to display the cluster content.

layervectorclusterchartstyleclusteranimation

Watchdog map
(map.watchdogs.html)

A map with animations when adding points.

mapanimationblink