java画地图热力图_高德地图+热力图+AJAX（SSM）

高德地图+热力图+AJAX(SSM)

这两天被下达做一个小项目的页面，实现了几个基本功能，现在产品有说要加一个热力图(指标是我们项目的一些数据或者爬取的数据)

然后就忙了我这2天一直找heatmap.js的开发文档与一些案例，毕竟是在高德地图上加热力图，然后AJAX后台读取数据，异步刷新到前端的页面，实现高德地图定位的同时，可以看到整个数据库不同经纬度的测试数据标准。

1、 首先是准备一个具备热力图示例的高德地图，jsp页面，这个可以去高德开发者网站找找就可以的，复制过来。

2、 然后 加入定位功能

var geolocation = new AMap.Geolocation({

enableHighAccuracy: true,//是否使用高精度定位，默认:true

timeout: 10000, //超过10秒后停止定位，默认：无穷大

buttonOffset: new AMap.Pixel(10, 300),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)

zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false

buttonPosition:'RB'

});

3、 接下来我们要了解，热力图的数据是什么格式的(图片)，这个也就是我们AJAX读取数据以后后台要传给我们的数据格式，当然我们也可以自己先在jsp页面测试一下数据类型

4、 然后就到后台获取啦，我这边的项目框架是SSM的，因为需求原因要省略shrio登录权限的认证(这个下次再说)，所以我这里只给出部分代码，一般返回类型一致就可以正常使用了。(AJAX没有用json类型的)

说的可能有点产促，不过大家不用担心，目前正在准备录制教学视频(Java基础+JavaWeb+SSH、SSM+java开发)，不过时间与能力有限，还希望大家能继续支持下去。