javascript - 单张缩放 map 图层

Question

我正在寻找使我能够在缩放 map 时丢失部分图层的功能。

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 构建:

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

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

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

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

Answer 1

更新:

这样有 future 吗？必须改进什么？

 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',               
        };
    }
}