leaflet map 地圖初始化不能鋪滿div
阿新 • • 發佈:2020-10-12
這裡使用的是 layui + leaflet
很多時候,將地圖放在tab切換中,但是預設的tab不是地圖所在的div,地圖初始化寫在頁面的load裡了,然後切換到地圖tab時,地圖沒有載入完全,
這是因為地圖載入在div的前面完成的,可能當時div還沒有完全展示,所以需要將地圖初始化寫在tab切換的事件裡,當切換到該tab時,再進行初始化地圖。
1 let element = layui.element; 2 3 element.on('tab(docDemoTabBrief)', function (data) { 4 //location.hash = 'Tab選項卡='+ this.getAttribute('lay-id');5 console.log(this, data); 6 if (data.index == 2) { 7 8 debugger; 9 10 if (!simpleMap) { 11 initialSimpleMap(); 12 } 13 if (currentCategory == "0") { 14 simpleMap.addSensorWarnLayer(alarmDataJson);15 } else if (currentCategory == "1") { 16 simpleMap.addoffLineWarnLayer(alarmDataJson); 17 } 18 console.log("add alarms!"); 19 } else { 20 console.log("hide alarms!"); 21 } 22 });