在除夕夜 ,是的!你没看错!看了一篇帖子是关于利用 Python+百度地图做了一个热力图展示,觉得很有意思。于是乎我利用高德API做了一个3d热力图展示。
1地图API准备
高德API开放平台网页,找到web端,打开示例中心,点开3D基本热力图,如图所示,将html代码复制出来。
高德API开放平台
示例中心
我用的是HBuilder,认真查查代码后你会发现热力图数据就是这个js文件里,查看其数据格式为:
[{"lng":116.0653415,"lat":39.65001942,"value":50}]
其实就是一个标准的json数据格式,这就好办了。
3D基本热力图html代码
热力图数据格式
本地新建JavaScript文件
建一个本地的JavaScript文件 用于可调用的heatmapData.js
2数据准备
无意中翻出2017年11月9日中午12点的热力图数据,有492241条,数据量有些大。利用在线excel转json 将数据转换为json格式。我们全选这些数据,复制到notepad++,中将数据格式编辑为与所需要的数据格式。
原始数据
excel转json在线编译器
转json完成的结果
3数据编辑
notepad++ 打开数据
notepad++ 编辑jso数据格式
复制、保存JS文件之后
修改调用JS文件的路径
4热力图
以网页浏览的方式打开本地的html
网友评论