Leaflet04圆形、多边形/不同缩放加载不同图标

var circle = L.circle([31.508, 120], {
    color: 'red',颜色
    fillColor: '#f03',//填充颜色
    fillOpacity: 0.5,//透明度
    radius: 5000//半径
}).addTo(map);

var polygon = L.polygon([
    [31.509, 120],
    [31.503, 122],
    [32.51, 125]
],{color: 'red',
    fillColor: '#f03',
    fillOpacity: 0.5,}
).addTo(map);

效果：

 

不同缩放等级下显示不同图标

 

//缩放等级
map.on('zoomend', function(e) {
    var u = e.target.getZoom(); // 获取当前地图缩放等级的变量
    if(u>=10){
        leafIcon.setIcon(redIcon);//marker重新加载图标
        citie2.addTo(map);//添加组

    }
    else{
        leafIcon.setIcon(greenIcon);
        citie2.remove();//删除组
    }
});