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..
style, vector, font, fontawesome, icon, maki
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.
style, vector, photo
The ol.style.Chart is an image style to draw statistical graphics (bar, donut or pie charts) on a map.
style, vector, statistic, chart, pie, donut, animation
The ol.style.FillPattern is a fill style with a set of cartographic patterns to use in your maps.
style, vector, fill, pattern, hatch
The ol.vector.setTextPathStyle() is a function to draw text along a linear feature (ol.geom.lineString) on postcompose.
style, vector, textpath, text, along
ol.featureAnimation provides animations to animate features on a map.
map, feature, animation, bounce, drop
This example show how to use a transparent style to let the features selectable when animated.
map, feature, animation, bounce, drop, select
This example animates deatures along a path.
map, feature, animation, path
A pulse function to pulse points on a map.
map, animation, pulse
Filter to crop or mask a map or a layer using an area (ol.feature).
filter, crop, mask
Filter to add color effects on maps or layers (hue, color, grayscale, enhance...).
filter, effect, color, hue, saturation, invert, grayscale
Filter to add texture effects on maps or layers.
filter, effect, texture
This filter apply a composite operation on layer drawing.
filter, effect, composite, color, canvas
Example of canvas controls, ie. controls that are drawn on the canvas to use with export (jepg/png) functions.
control, canvas, scale line, attribution, title, export
The ol.control.Target draw a target to materialize the center of the map.
control, canvas, target
The ol.interaction.Transform is an interaction to transform features (scale, translate, rotate).
interaction, transform, scale, translate, rotate, vector
ol.interaction.Split is an interaction to split feature geometry (ol.geom.LineString).
interaction, split, linestring
An interaction that acts as a split feature agent while editing vector features (LineString).
interaction, split, linestring
ol.interaction.DrawRegular is an interaction to draw regular polygon (circle/ellipse, triangle, square/rectangles, etc).
interaction, regular, interaction, draw, circle, triangle
An interaction to do something when hovering a feature (change cursor, show a popup, display information, etc.)
interaction, hover, cursor
ol.interaction.SnapGuide handles snapping of vector features using guides lines while modifying or drawing them.
interaction, sna, guide
ol.interaction.Clip clip layers by a circle on the map.
interaction, clip, circle, canvas
ol.interaction.DropFile is a drag and drop interaction. It fires a loadstart and loadend and errors.
interaction, drag, drop
The ol.control.Button is simple control button.
control, button, toolbar
ol.control.Toggle is an ol.control.Button with an active/deactive state.
control, button, toggle, toolbar
The ol.control.Bar is a panel that contains other controls. You can compose toolbars with it.
control, bar, toolbar, button, panel
ol.control.Bar an be bested using an ol.control.Toggle to add subbar.
control, bar, subbar, toolbar, button, panel
An example of ol.control.Bar to handle an edit toolbar.
control, edit, bar, toolbar, button, panel
Example of a layer switcher control with visibility, opacity and ordering.
layerswitcher, control, jQuery
A simple layer switcher with image buttons.
layerswitcher, control, preview, jQuery
A simple layer switcher as a menu.
layerswitcher, control, jQuery
An overview map with zoom limit and custom styles. Click on the overview will center the map.
ol.control.Profil is a control that draw a profil of a 3D lineString (with a XYZ or XYZM layout)..
control, profil, Z, altitude, GPX, GPS
The ol.control.Permalink is hyperlink that will return the user to the current map view.
The ol.control.Swipe is a control that add a split screen to compare two map overlays.
control, globe, overview
The ol.control.Globe add a small globe on the map to display a position marker.
control, swipe, overlay, split
Show popup on a map with style.
popup, overlay, jQuery
This example uses a CSS to add a bounce effect to the popup display.
popup, overlay, animation, jQuery
ol.source.GeoImage georeference images on a map.
layer, georeference, georeferencing, image, photo
Add a getPreview function to ol.layer that retrieve a preview of the layer.
A BDpedia tile vector layer that use RDF of the french DBpedia project.
layer, vector, wikipedia, dbpedia
The TouchCompass interaction lets you handle movement by dragging a touch compass.
interaction, touch, drag, compass
An interactioon for drawing feature geometry on a touch device.
interaction, touch, draw, vector
The LongTouch interaction is an interaction to handle a long touch event.
interaction, touch, long
The ol.geom.Geometry.cspline() function smooth lines by using cardinal splines (canonical spline) to draw smooth curves that goes through the points.
geom, linestring, spline, smooth, curve
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).
overlay, magnify, glass, zoom
The flashlight interaction add a flashlight effect on mouse move.
interaction, effect, light
The ol.control.Cloud adds an animated clouds overlay over the map.
control, effect, clouds, birds, animation
The ripple interaction add a watter ripple effect on a map.
interaction, effect, animation, watter, ripple
Synchronize maps and add an overlay to show mouse position.
synchronization, map, cursor
Synchronize maps in different windows.
synchronization, map, window
The ol.control.PirateMap adds an old map effect on a canvas renderer. It colors the map, adds a parchment texture and compass onto the map.
control, canvas, pirate, compass, effect
This example is an attempt to represent 2.5/3D informations on an OL3 map.
layer, vector, 3D, buildings, animation
An example using a BDpedia layer with clusters to show photos on a map.
layer, vector, cluster, photo, style, dbpedia, animation