js添加多marker 高德地图_高德地图点聚合--Marker多点聚合及多个marker点击事件

本篇文章主要是高德地图的多点聚合，及多个marker点击事件

以下为简单的模拟数据

soogif (1).gif

image.png

具体代码如下

点聚合

html,

body,

#container {

height: 100%;

width: 100%;

}

var cluster, markers = [];

// 地图初始化

var map = new AMap.Map("container", {

resizeEnable: true,

center: [105, 34],

zoom: 4

});

// 模拟数据

let list = [{

lnt: 113.951955,

lat: 22.530825,

content: "aaa",

url: "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2126240618,1874470849&fm=26&gp=0.jpg"

}, {

lnt: 116.397428,

lat: 39.90923,

content: "bbb",

url: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1605524499220&di=061f5404ccf4b56ca5109c6a74cad7e8&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F18%2F01%2F15%2Fecc1be26af0ccb3aab8a64cbc1d7d5b9.jpg"

}, {

lnt: 117.000923,

lat: 36.675807,

content: "ccc",

url: "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3897032442,810482418&fm=26&gp=0.jpg"

}, {

lnt: 112.89114340293699,

lat: 38.06208615376387,

content: "ddd",