为什么我的图层控件中没有选项被激活？

Question

我的地图是由此代码生成的（在建议后编辑）：

var BING_KEY = "My Bing Maps Key";
var osmUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';

function show_karte(div_id, mittelpunkt, zoom, overlay, typ){
var bingLayer = L.tileLayer.bing({bingMapsKey: BING_KEY, maxZoom: 20,   imagerySet: 'Aerial', attribution: '© 2019 Microsoft Corporation, Earthstar Geographics SIO'});
var bingLabelLayer = L.tileLayer.bing({bingMapsKey: BING_KEY, maxZoom: 20, imagerySet: 'AerialWithLabels', attribution: '© 2019 Microsoft Corporation, Earthstar Geographics SIO'});
var osmLayer = L.tileLayer(osmUrl, {maxZoom: 20, attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'});
var mittelpunkt = [mittelpunkt[1], mittelpunkt[0]]
var aktuellerLayer;
switch (typ) {
   case 'A' : aktuellerLayer = bingLayer; break;
   case 'L' : aktuellerLayer = bingLabelLayer;  break;
   case 'R' : aktuellerLayer = osmLayer;
   };
var map = L.map(div_id,{fullscreenControl: true, layers: [aktuellerLayer]}).setView(mittelpunkt, zoom);
var overlayLayers = null; 
var baseLayers = {"Stra&szlig;enkarte": osmLayer, "Luftbild mit Stra&szlig;ennamen": bingLabelLayer,"Luftbild": bingLayer}; 
var controls = L.control.layers(baseLayers, overlayLayers).addTo(map);

$.ajax(overlay).done(function(data) {
var data = JSON.parse(data);
L.geoJson(data, 
        {
        });
  });
};  

每次使用另一个div-id和第一个函数参数在网站上调用“show karate”三次：

<div class="bild_rechts" id="map" style="width:450px; height: 700px;">
    <script  type="text/javascript"> show_karte("map",[6.026173,50.816022],13,"neueFlaechen.geojson","L"); </script>
</div>

<div id="map1" style="width:450px; height: 700px;">
    <script  type="text/javascript"> show_karte("map1",[6.10428,50.76079],11,"konzentrationsflaechen.geojson","A"); </script>
</div>

<div id="map2" style="width:795px; height:1000px">  
    <script  type="text/javascript">show_karte("map2",[6.10428,50.76079],12,"moeglicheFlaechen.geojson","R"); </script>
</div>

在所有三种情况下，我都会看到地图控件，但仅在第三张地图上，会激活一个选项。有人能说出错误吗？ - 感谢您阅读代码！

问候，不知道

Answer 1

您无法同时在不同地图上重复使用图层。只有最后一个才能保留图层。

您只需为每张地图复制图层，例如通过在show_carte函数中移动创建代码。