javascript - 带传单的自定义图层控制

Question

我想用传单制作一个自定义图层控件，但我不知道为什么它不起作用。当我单击复选框时，Firebug 中出现以下错误:TypeError: obj is undefined。我将此代码添加到我的 main.js 脚本中:

// Custom layerpanel -- WORK IN PROGRESS!

    $( "input" ).click(function( event ) {
        layerClicked = window[event.target.value];

            if (map.hasLayer(layerClicked)) {
                map.removeLayer(layerClicked);
            }
            else{
                map.addLayer(layerClicked);
            } ;
    });

并将其添加到我的索引文件中:

<div class="checkbox">
   <label><input type="checkbox" value="mapDataLayer" checked>
   Option 1</label>
</div>

Answer 1

通过 var myVarName 设置的变量无法作为 window 对象 (window[event.target.value]) 的属性进行访问。您必须以类似的方式分配图层:window["mapDataLayer"] = L.geoJson(...)

注释:

• 您的 GeoJSON 图层有 0 个功能，因此您不会看到任何新内容。
• 您的复选框最初已选中，但该图层不在 map 上。因此，当取消选中该复选框时，图层会添加到 map 上，反之亦然。