Echarts+百度API实现地图可视化调用

本文介绍了如何结合Echarts和百度地图API创建数据可视化页面,特别是解决地图缩放时数据图不跟随的问题。通过申请百度API密钥,并将其应用到HTML文件中,实现了地图的缩放功能。在遇到地图与数据图不同步的问题时,通过调整代码中的"mapstyle"为"mapstyleV2",成功解决了离线环境下的同步问题。
摘要由CSDN通过智能技术生成

Echarts

百度旗下的数据可视化平台,提供多种实例,均可以免费下载:
在这里插入图片描述
由于我在学校里需要做一个空气污染分布的可视化页面,选择了左下角"Binning on Map",打开实例如下:
在这里插入图片描述
傻瓜式修改,左侧修改,右侧预览,基本只要找到需要修改的地方,做简单修改就可实现自己想要的效果。然后,右下角下载,即可获得HTML文件。

问题

直接打开下载的HTML文件会显示:
在这里插入图片描述
也就是说,需要有自己的API授权,实例中的API不能直接使用!
最直接的影响是地图不跟随数据图缩放:
地图放大:
在这里插入图片描述
地图缩小&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值