amap不同样式marker点_海量点标记-覆盖物-教程-地图 JS API | 高德地图API

本章介绍在图面添加数量为万级以上的点标记的解决方案。包括：

1. 海量点标记  MassMarks

海量点标记 MassMarks

当需要在地图展示数量为十万以内的点并且需要较好的性能表现时，可以使用 AMap.MassMarks 类。AMap.MassMarks 并不是普通的覆盖物，它实际上是由海量点组成的一个地图图层， 目前仅适用于html5浏览器。创建方式如下：

1. 创建海量点对象，设置点样式：

// 创建样式对象

var styleObject = {

url: '//vdata.amap.com/icons/b18/1/2.png', // 图标地址

size: new AMap.Size(11,11), // 图标大小

anchor: new AMap.Pixel(5,5) // 图标显示位置偏移量，基准点为图标左上角

}

var massMarks = new AMap.MassMarks({

zIndex: 5, // 海量点图层叠加的顺序

zooms: [3, 19], // 在指定地图缩放级别范围内展示海量点图层

style: styleObject // 设置样式对象

});

2. 设置 MassMarks 展现的数据集：

var data = [{

lnglat: [116.405285, 39.904989], //点标记位置

name: 'beijing',

id:1

}, // {}, …,{}, …

];

massMarks.set