I am trying to create a map using Leaflet with circles that indicate distances on the map at current zoom level (map scale). See illustration below:
I know how to calculate sizes and update the circles themselves, but I am struggling to add the text to the circles.
I have tried the leaflet.label plugin but this wasn't an option because it doesn't support static labels for Vectors.
The alternative seems to be to use a divIcon, but this seems to be a very clunky way to solve my problem, as I will have to edit the options of the divIcon, inside a marker on each zoom event.
What would you advise?