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

时间:2017-01-13 12:01:58

标签: javascript leaflet

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

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);
    }
}); 

0 个答案:

没有答案