舆图题目：中心点左上角等

2024年5月10日 168次阅读 来源: BigFaceMaster

在近来的项目碰到一题目，不管是在leaflet.js中援用google舆图照样援用百度舆图总会碰到雷同的一个题目，经由不停尝试与找材料末了终究处理了。
当舆图地区刚最先为display:none，时，舆图的中心点会往其他地方偏移，形成舆图不能完整在目的地区显现，经由不停地挖掘末了得出以下结论：

**Root Cause：当舆图地区刚最先为display：none;时，舆图默许的中心点为可视地区的中心点，页面左上角最先，从而形成了舆图偏移**
**Solution：在舆图初始化之前，将隐蔽地区显现出来：display：block；
**Ex:`document.getElementById("mapBox").css("display","block");`

2、在舆图再次加载显现的时刻报错舆图已初始化**

**Root Cause： map对象保存在global Object中**
**Solution：在初始化之前移除map对象**
**Ex:`var map = window.map;
      if(map) {
          map.remove();
      }
      var map = new L.map("mapId");//采纳leaflet.js
      window.map = map；`**

别的一个在Bootstrap中的定位，应用z-index：比方要把一个div框的内容在class=col-xs-12的div之上，采纳position:absolute;已会被掩盖，那末采纳什么好呢？笔者采纳的是position:relative;并同时设置一个较大的z-index；如许就不会被掩盖了。

    原文作者：BigFaceMaster
    原文地址: https://segmentfault.com/a/1190000007014172
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞