HeatMap丨丨基于高德地图API制作热力图。

       在除夕夜 ，是的！你没看错！看了一篇帖子是关于利用 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