Javascript 在传单上画三个圆圈作为覆盖印度地图的区域

我想在印度地图上创建三个区域，显示危险因素。三个区域应由三个圆表示。在传单地图上绘制的圆似乎会调整大小，并随着缩放级别的改变而变得更小。是否有任何解决方案来绘制恒定大小的圆。这个代码对我不起作用

var circle = L.circleMarker([51.508, -0.11], 500, {
    color: 'red',
    fillColor: '#f03',
    fillOpacity: 0.5
}).addTo(map);
var myZoom = {
  start:  map.getZoom(),
  end: map.getZoom()
};

map.on('zoomstart', function(e) {
   myZoom.start = map.getZoom();
});

map.on('zoomend', function(e) {
    myZoom.end = map.getZoom();
    var diff = myZoom.start - myZoom.end;
    if (diff > 0) {
        circle.setRadius(circle.getRadius() * 2);
    } else if (diff < 0) {
        circle.setRadius(circle.getRadius() / 2);
    }
}); 

var circle=L.circleMarker（[51.508，-0.11]，500{
颜色：“红色”，
填充颜色：“#f03”，
填充不透明度：0.5
}).addTo（地图）；
var myZoom={
开始：map.getZoom（），
结束：map.getZoom（）
};
map.on（'zoomstart'，函数（e）{
myZoom.start=map.getZoom（）；
});
地图上（'zoomend'，函数（e）{
myZoom.end=map.getZoom（）；
var diff=myZoom.start-myZoom.end；
如果（差异>0）{
circle.setRadius（circle.getRadius（）*2）；
}否则如果（差异<0）{
circle.setRadius（circle.getRadius（）/2）；
}
}); 

只需删除“zoomend”功能只需删除“zoomend”功能