百度地图引入个性化样式,加载时出现大片白块的解决办法

加载地图时,无论怎么放大缩小都会导致大片的白块

一开始我是按照官网这个方式引入的,这个问题却一直存在,时好时坏

<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak={你的ak}"></script>

后来发现可以这样修改

<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=3.0&ak={你的ak}"></script>

将 api 换成 getscript 就好了,加载地图的时候就变成的动态加载

相应的,我也对getscript了解了一下

使用getScript的优势在于：

1.减少页面第一次加载的时候直接加载的所有的js静态文件，能够有效的提高页面加载速度，释放对网络带宽的压力。

2.通过浏览器的Sources，可以看出，动态加载的页面js，并不会出现在Sources里，可以减少个人代码的可见度，避免一些隐晦代码的暴露。

3.当前版本的getScript方法能够支持跨域调用js。

根据第一条,可得知,当加载百度地图的时候,浏览器会一次性请求很多地图瓦片,由于未知的原因,加载的时候会出现很多请求不到的瓦片,动态的加载瓦片便可避免出现大量瓦片请求失败的问题