I have a web map service (WMS on geoserver). It has a current visualization which is decent. The data is divided into months currently using tabs. I would like to visualize the data using an open source based web map client with a time slider.

I have seen some examples around, but I am looking for a generic solution where I basically can change background layers (also WMS), source wms and relevant attributes. This to be able to experiment further with the solution. The wms time layer (wms-t) should not change the background wms-layers. They should remain controlled by a config-file or interactive selection interface not related to the time slider.

The current services can be accessed through the wms time parameter:

time=2014-1 time=2014-5 etc

It should be possible for the user to set min/max values and intervals, or the client should be able to guess this by itself based on the getcapabilities-info.

ESRI or other commercial (closed source) solutions are not possible options for this question.

  • 1
    Do you need the solution to be compatible with your actual visualization or are you looking for a possible separate web map client? I used leaflet and a plugin to do something similar (Plugin "TimeSlider")
    – Djana
    Commented Sep 12, 2014 at 13:31
  • Completely outside the current one. Looking for a quick and dirty proof of concept to prototype new functionality.
    – ragnvald
    Commented Sep 12, 2014 at 16:05
  • "I have seen some examples around, but I am looking for a generic solution where I basically can change background layers (also WMS), source wms and relevant attributes." So you want some map contexts relative to time values? For example background1, wms1, wms2 relative to month1 and background2, wms1, wms3 relative to month2. Or you will have all these layers with time dimension? Commented Sep 19, 2014 at 10:39
  • Nicolas, I have made some changes to the question. But your assumption is wrong. This required solution should be focused on one wms-layer shifting according to a time slider along the dates presented in the getcapabilities info.
    – ragnvald
    Commented Sep 19, 2014 at 13:05

4 Answers 4


You can try this, http://lib.heron-mc.org/heron/1.0.3/examples/timeslider/index.html

enter image description here

This example has an amazing slider, Hope it meets all your requirements.

UPDATE : Another Good Example:


enter image description here


I don't know any web client with an out of the box time slider for WMS-T layers. WMS dimension is strangely a property of the WMS protocol that is lacking in many tools I used.

I developed a solution to handle all dimensions (time and others) based on OpenLayers. You can find it here : WMS dimension example

The layer in this example is defined in Mapserver with a default value (2013) and all proposed values (2000 to 2013).

When you click the filter icon at right a GetCapabilities request is sent and time values are then parsed in the XML to be proposed in the HTML drop-down list. You'll see in the code that we get a cached version of the GetCapabilities request for performance reason.

Later I'll display a jQueryUI calendar or a jQueryUI slider adapted to handle time for WMS-T layers.

So you can see that with OpenLayers and few lines of code you can get what you need. Hope it helps!

  • This answer is the closest one to an answer. If you manage to get a stripped down version of the client with a settings file/documentation it would be a good start. Adding a jQueryUI slider will bring us all the way.Saw your answer too late to award the bounty.
    – ragnvald
    Commented Sep 23, 2014 at 9:40
  • 1
    No it is not too late, it is awarded, thanks. I'll work on this feature next month and I'll edit my post to put the code. Commented Sep 23, 2014 at 10:07
  • What does the filter icon look like?
    – Dave X
    Commented Jul 8, 2015 at 14:52
  • @DaveX it is a funnel : google.fr/… If you have a better idea for the filter icon I'll take it with pleasure :-) Commented Jul 9, 2015 at 8:37

MapStore http://mapstore.geo-solutions.it/mapstore/ by GeoSolutions seems to have all the necessary components but perhaps they have not been packaged to a readily available installation package. From the demo gallery this weather portal has a time slider


This one has calender views for selecting start and end dates


And this one takes start and end dates from two sliders



Most time sliders aren't animating bitmap map images from a WMS or tile server. They are animating points that are being rendered as points (markers, SVG, Canvas) on the client side.

For an animation to be effective the client needs to have all of the data available before it begins the animation. If it has to go back to the server for anything it the delay of that request will ruin the effect.

The example given by Ashutosh above is the best you could hope for, where there is no animation.

If you are using points, then you can send all the coordinates to the client and have it loop over them for the time slider. Here's the gold standard of that method:


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.