Use a slider to create circles from a point.

I’m trying to create a slider on a web-map that increases/decreases the radius of a circle centered on a point on a WMS layer. The real world application is that the circle will expand out from train stations to encompass points of interest. I’ve found this example which kind of does what I want; https://openlayers.org/en/latest/examples/heatmap-earthquakes.html. I would rather get this working with a WMS layer rather than a KML file. Can anyone point me in the right direction? Thanks.

This is a web programming question.

http://stackoverflow.com/questions/28458818/draw-a-circle-over-a-image-in-html5-and-javascript

Load your map image into the canvas.

Your example shows how to use sliders to make the circles’ radius dynamic,

Finally, are you sure that you want a circle at all? That shows direct distance and not taxi, bicycle or pedestrian distance, which would be much more complex to do.

Hi OverThere

I’m not sure what you mean by your final question.

Basically I’m trying to take that earthquake example, and apply it to a wms rather than kml file. And preferably the circles are completely transparent to allow people to see the layer underneath.

Thanks