一、地图瓦片加载缓慢或者空白

在使用百度个性化地图时，出现地图瓦片加载缓慢或者空白

解决方案

1.替换百度地图API引入方式

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

改为：

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

2.解决Mixed Content

Mixed Content: The page at ‘’ was loaded over HTTPS, but requested an insecure script ‘’. This request has been blocked; the content must be served over HTTPS.

参见：《Mixed Content: The page was loaded over HTTPS, This content should also be served over https解决方案》

二、bmap地图元素鬼影重重

百度地图和Echarts使用bmap组件时，元素不跟随，出现鬼影。

解决方案

匹配对应的对应版本的echarts.min.js和bmap.min.js版本即可。

    <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/getscript?v=3.0&ak=I2428Rc4F**"></script>
    <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/extension/bmap.min.js"></script>

三、个性化地图版本

版本说明
JavaScript API支持的个性化地图服务有两个版本，旧版个性化地图服务（Map.setMapStyle接口）已经不再更新。本文介绍新版本个性化地图服务（Map.setMapStyleV2接口）的使用方式。

1.两个版本的区别如下表所示：

bmap加载个性化地图的方式

1. bmap加载

 bmap: {
                center: [113.328755, 23.135588],
                zoom: 17,
                roam: true,
                mapStyle: {}
                }

2. 百度地图接口加载

        // 百度地图接口对接设置;
        var map = myChart.getModel().getComponent('bmap').getBMap();
       
        // 地图自定义样式
        map.setMapStyle()

---

@漏刻有时