Поведение Leaflet Baselayer - PullRequest
Новая
       12

Поведение Leaflet Baselayer

1 голос
/ 11 июля 2019

Рисует ли Leaflet весь Baselayer во время инициализации в порядке листинга в элементе управления слоями?И если да, можно ли изменить это поведение?

У меня есть карта с 3 базовыми слоями, которые являются SVG и имеют прозрачные части в них.Пока все хорошо.Но странным является то, что когда я впервые загружаю карту, она рисует сразу все 3 слоя в обратном порядке, чем они перечислены в элементе управления слоями (нижний в списке - верхний нарисованный).Как только я щелкаю по любому из базовых слоев в элементе управления, другие 2 исчезают, и приложение работает как положено. 

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);
...