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