Question

Leaflet是否在初始化期间按照图层控件中列表的顺序绘制所有Baselayer？如果是这样，可以改变这种行为吗？

我有一个带有3个基本层的地图，这些基本层是SVG，其中包含透明部分。到目前为止，一切都很好。但是奇怪的是，当我第一次加载地图时，它以与图层控件中列出的顺序相反的顺序一次绘制了所有3层（列表中最上面的一层是绘制的）。一旦我单击控件中的任何baseLayer，其他两个便消失了，该应用程序将按预期运行。

var map = L.map('map', {crs: L.CRS.Simple, layers: [pneumaticSensor, 
laserSensor, touchSensor, powerMeters], minZoom: -1});
var bounds = [[0,0],[700,1000]];
map.fitBounds(bounds);

var overlayBounds = [[0,-60],[712,1000]];
//ImageOverlays
var toolBounds = [[-300,-4.5], [800,1000]];
var toolUrl = 'source/images/WerkzeugLayer.svg';
tools = L.imageOverlay(toolUrl, toolBounds).addTo(map);
var rubberbandUrl = 'source/images/gummiband.svg';
rubberband = L.imageOverlay(rubberbandUrl, overlayBounds).addTo(map);

var productionLineUrl = 'source/images/laufbaender.svg';
productionline = L.imageOverlay(productionLineUrl, overlayBounds).addTo(map);

var othersUrl = 'source/images/sonstiges.svg';
others = L.imageOverlay(othersUrl, overlayBounds).addTo(map);

var overlays = {
    '<img class="bubbles" src="source/images/legendeGruen.svg" /> 
Pneumatikzylinder' : pneumaticSensor,
    '<img class="bubbles" src="source/images/legendeBlau.svg" /> 
Laufbandsensoren' : laserSensor,
    '<img class="bubbles" src="source/images/legendeGelb.svg" /> 
Drucksensoren' : touchSensor,
    '<img class="bubbles" src="source/images/legendeGrau.svg" /> 
Leistungsmesser' : powerMeters,
    'Werkzeug' : tools
};

var baseLayers = {
'Gummibänder' : rubberband,
'Förderband' : productionline }

L.control.layers(baseLayers, overlays).addTo(map);

传单基层行为

0 个答案: