使用百度地图API关于新版个性化地图的使用详解

我们公司的大屏展示项目目前采用的是旧版本的百度个性化地图，并以瓦片图的方式进行渲染。尽管这种方式使用起来相对便捷，但渲染效果并不令人满意。由于瓦片图的渲染方式更接近于懒加载，当页面滑动到特定区域时，才会加载该区域对应的地图。然而，在网络不稳定的情况下，可能会出现空白块的问题，需要反复调整缩放层级才能重新渲染，用户体验极差。

根据对百度地图开发文档的查询，了解到新版个性化地图采用了前端绘制的底层渲染，加载速度更快且响应更为灵敏。此外，它还支持更多接口，并可将地图下载为JSON格式，以便对细节进行微调。废话不多说，下面是新版个性化地图的使用方法：

一、引用：

旧的瓦片图可以使用npm的方式和cdn的方式调用，但是新版个性化地图目前来说只支持cdn的方式调用

在index.html中加上这段代码，并去百度地图官网点击“控制台”申请你的ak

<script src="https://bj.bcebos.com/v1/mapopen/api-demos/js/mapStyle.js"></script>
<script src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=youAPI" type="text/javascript"/>

二、去官网上下载自己的个性地图

登录官网后࿰