I was under the impression that L.circle changes size with zoom, but L.circleMarker should remain the same radius as you initially set?

I've setup an example here, and whichever I choose the circle always changes size on zoom. What am I missing?


(double click to add circle marker)

  • The example in jsFiddle is no longer working, please update it. Jul 26, 2017 at 12:07

1 Answer 1


Both will appear to change size as you zoom, depending on your reference: L.circleMarker will change size relative to the map, but not relative to the screen (radius in screen pixels stays the same). L.circle will change size relative to your screen, but not the map, as you zoom (radius in map units stays the same).

For me, it works as expected in your fiddle. If I add a circle instead of a circle marker, it does not change size (relative to the map) on zoom:

var circle = L.circle([click.lat, click.lng], 50000).addTo(map);
  • Ah I think my issue was using much smaller radius for circle! Adding such a huge radius gives the desired effect. Thank you!
    – Titan
    Aug 25, 2015 at 21:14

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.