1. 程式人生 > 實用技巧 >leaflet map 地圖初始化不能鋪滿div

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