带有传单的自定义图层控制

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，因此您不会看到任何新内容。
• 您的复选框最初被选中，但图层不在地图上。因此，当复选框未选中时，图层会添加到地图上，反之亦然。