zoukankan      html  css  js  c++  java
  • 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         });

  • 相关阅读:
    .NET下的加密解密大全(1): 哈希加密
    orm fluentdata使用相关文章
    xml处理相关文章收藏
    Salty Fish(区间和)
    Fennec VS. Snuke
    Splitting Pile
    ST表(离线RMQ)
    Exponentiation(高精度大数)
    高斯消元(模板)
    Online Judge(字符串-格式)
  • 原文地址:https://www.cnblogs.com/googlegis/p/13804284.html
Copyright © 2011-2022 走看看