I am very new at Javascript.
I am trying to create animation with my monthly soil moisture output (.png format) on OpenStreetMap using the Leaflet package. I could use the time slider plugin to move images but I also want a play button that is available in the 'TimeDimension' plugin.
I have 150 images to display. I looked into the demo but I could not understand where to start as a beginner.
Is there any simplified example or instruction of using the plugin?
Best Answer
Here's a solution without using the TimeDimension plugin (because this plugin is meant to be used primarily with WMS and GeoJSON, they have an example with ImageOverlay but say that it is just a "proof-of-concept" and I find it overly complicated for the result).
I coded with the following assumptions based on what you sent:
HTML
JS