leaflet map 地圖初始化不能鋪滿div


這里使用的是 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         });

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM