Почему не включена опция в моем слое управления? - PullRequest
0 голосов
/ 29 марта 2019

моя карта сгенерирована этим кодом (отредактировано после совета):

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, 
        {
        });
  });
};  

"show_karte" вызывается на веб-сайте три раза каждый раз с другим идентификатором div и первым параметром функции с:

<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>

Во всех трех случаях я вижу элемент управления картой, но ТОЛЬКО на третьей карте активирована опция.Может кто-нибудь подсказать ошибку?- Спасибо за чтение кода!

Gruss, wonk

1 Ответ

0 голосов
/ 30 марта 2019

Вы не можете повторно использовать свои слои на разных картах одновременно.Только последний сохранит слой.

Вам просто нужно дублировать свои слои для каждой карты, например, перемещая их код создания в функцию show_carte.

...