传单缩放地图图层

Question

我正在寻找可以让我在缩放地图时丢失部分图层的功能。

map.on('zoomend', onZoomend)
function onZoomend(feature){
if(map.getZoom()<11) 
 {map.addLayer("road_2"==feature.properties.density)};

if(map.getZoom()>11)
 {map.removeLayer("road_2"==feature.properties.density)};
  }

我的 GeoJson 文件位于面板层中：

var overLayers = [
{
    group: "Layer",
    collapsed: true,
    layers: [
        {   
            name: "Road",
            icon: iconByName('fuel_road'),              
            layer: L.geoJson(road,{style: style_road})
        },

文件GeoJson bulid：

      var road = {
     "type": "FeatureCollection",

    "features": [
    { "type": "Feature", "properties": { "density" : "road_1"....

    { "type": "Feature", "properties": { "density" : "road_2"....

    { "type": "Feature", "properties": ....

Answer 1

更新：

这种方式有前途吗？它必须改进什么？

 function style_road(feature) {
    if  ("road_1" == feature.properties.density) {
        return {
            weight: 3,
            opacity:function()
                    {if (zoom > 13) {opacity:0},
                    else (zoom < 13) {opacity:1}, 
                    },
            color: 'red',
        };
    } 
    else if ("road_2" == feature.properties.density){
        return {
            weight: 1.5,
            opacity: 1,
            color: 'red',               
        };
    }
    else {
        return {
            weight: 0.5,
            opacity: 1,
            color: 'red',               
        };
    }
}

Answer 2

我不确定我是否理解正确，但是您想在放大时删除图层并在缩小时添加图层？

You just can use:
if(map.getZoom()<11){
    mylayer.removeFrom(map);
}else{    
    mylayer.addTo(map);
}

我没听错吗？

更新：

您可以遍历 GeoJson 层并将 fillOpacity 设置为 0 以隐藏一些几何图形：

var geoJsonLayer = L.geoJson(myGeoJson).addTo(map);
if(map.getZoom()<11){
 geoJsonLayer.eachLayer(function(layer) {
   if(layer.feature.properties.density == "road_"){
       layer.setStyle({fillOpacity:0});
   }
 });
}