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

  • 相关阅读:
    nginx 配置文件详解
    nginx的location匹配规则
    mysql常用函数
    jquery封装的ajax请求
    docker
    in与exists和not in 与 not exists的区别
    mysql授权
    线程池
    springboot+rediscluster
    常用网址
  • 原文地址:https://www.cnblogs.com/googlegis/p/13804284.html
Copyright © 2011-2022 走看看