高德地图海量点带label js代码

以下是一个简单的示例代码，展示如何使用高德地图的JavaScript API，在地图上展示海量点带标签：

// 创建地图对象
var map = new AMap.Map("map-container", {
  zoom: 10, // 缩放级别
  center: [116.397428, 39.90923], // 地图中心点坐标
});

// 创建海量点图层对象
var massLayer = new AMap.MassMarks([], {
  opacity: 0.8, // 透明度
  zIndex: 111, // 层级
});

// 自定义标签内容
var labelContent = "<div class='label'>标签内容</div>";

// 添加海量点数据
var data = [
  { lnglat: [116.405285, 39.904989], label: labelContent },
  { lnglat: [116.418455, 39.907234], label: labelContent },
  { lnglat: [116.400244, 39.92556], label: labelContent },
  { lnglat: [116.407012, 39.92808], label: labelContent },
  // ...更多点数据
];

// 添加标记点
var markers = [];
for (var i = 0; i < data.length; i++) {
  var marker = new AMap.Marker({
    position: data[i].lnglat,
    offset: new AMap.Pixel(-13, -30), // 偏移量
    content: labelContent, // 标签内容
  });
  markers.push(marker);
}

// 将标记点添加到海量点图层
massLayer.addMarkers(markers);

// 将海量点图层添加到地图
massLayer.setMap(map);

在上述代码中，我们首先创建了一个地图对象，然后创建了一个海量点图层对象。接着，我们定义了标签内容，并添加了海量点数据和标记点。最后，将标记点添加到海量点图层，再将海量点图层添加到地图中。在实际使用时，可以根据需要自定义标签样式和聚合规则。