做业务时一个热力图需求，经过调研后完成。 因为实在不想写json数据，这里用官网的例子举例 lbs.amap.com/api/javascr… 具体热力图出来的样子就是如图：

第一步：你需要一个高德key值 其中需要的key，可以注册高德地图开发者后，在我的应用中找到（需要创建一个应用） 把key值放在这里，这个引入放在项目最外面的index.html里就可以

第二步:需要填数据 这里的数据格式是：

第三步：具体需求具体定制

1.配置api:

angular框架

declare var AMap: any; // 声明AMap不然会报错 在这个文件中声明、

vue框架：blog.csdn.net/XU441520/ar…

这个文章描述的很详细

2.生成模型

// 此处的hotMap是你html页面div的id

参数详解：

max：代表热点图区分热度的界限，某地区的点数超过max一定比例，即显示对应gradient配置的颜 色。

gradient：

用法：设 (某点范围内点数目(数据中的count) / max) 为x,举个例子：x=100/100=1（此处的1用于gradient的参数）,x > 0.9，则目标区域显示的颜色为红色 radius:控制单个点的笼罩半径，半径范围内所有的点都会算作此点的数目，变相增大 x 的值。设置合适的半径，确定每个点的笼罩范围，单位是px。

基本需求的热力图基本完成

1.具体样式定制：

正常地图颜色是白色的，但是也许这个不符合你的需求，lbs.amap.com/dev/mapstyl… 此处连接可以自定义地图，点击此处的使用与分享获取到样式id ,填在之前的代码 mapStyle:'amap://styles/你的id'

2.地图绘制区域边界线 以广东省作为例子： 地图绘制边界后就有明显的区分。

步骤：

获取目标区域的边界坐标点 （通过高德AMap.DistrictSearch这个插件获取边界坐标点）

参数详解： 2.绘制边界

通过AMap.Polygon对象在地图上绘制多边形。

3.自定义边界(绘制3d的那种感觉，突出所选区域部分,使用高德地图绘制多边形区域)

先给map添加属性

1. const object3Dlayer = new AMap.Object3DLayer();

// 图层类，用于添加所有Object3D类型

// 你自定义边界的坐标