聚合点点击无法用DOM事件委托溯源，需通过地图SDK聚合器接口获取内部原始标记数据：高德用getMarkersByCluster()、百度用getMarkers()，再结合setExtData()/setData()预存的经纬度信息提取结果。
在地图聚合点点击交互中，事件委托本身不直接适用——因为聚合点（如高德的 markerclusterer、百度的聚合插件或 cesium/openlayers 的自定义聚合层）并非标准 dom 树结构，而是由地图 sdk 管理的图形对象容器。所谓“一路向上溯源”，实际是指：当用户点击一个聚合图标时，如何穿透聚合层级，准确获取其内部所有原始标记点中**被点击意图指向的那个具体经纬度数据**（或最邻近点、或全部点）。这依赖的是 sdk 提供的聚合实例接口，而非 dom 事件冒泡。
理解聚合点的本质：它不是父级 DOM，而是逻辑容器
聚合点（Cluster Marker）通常是一个独立的 AMap.Marker（高德）、BMap.Marker（百度）或自定义图形元素，它不包含子 Marker 的 DOM 节点，也不触发标准 DOM 冒泡。因此无法用 e.target.parentElement 逐层向上查。真正的“溯源”靠的是：
- 点击事件发生时，SDK 会把聚合点实例传入回调（
e.target或this），而该实例内部持有原始标记点列表（或索引）； - 你需要提前将原始经纬度数据（如
{id, name, lnglat: [lng, lat]}）与每个单点Marker绑定（常用方式是marker.setExtData()或闭包存储）； - 聚合器对象（如
AMap.MarkerClusterer）提供方法，可反查某个聚合点包含哪些原始Marker。
高德地图：通过 cluster 实例反查原始 marker 并提取数据
高德官方 MarkerClusterer 支持 getMarkers() 和 getClusters()。点击聚合点后，用它拿到内部 marker 列表，再读取你预存的数据：
// 初始化聚合器时保存引用
const cluster = new AMap.MarkerClusterer(map, markers, { gridSize: 80 });
// 给每个原始 marker 绑定数据（关键！）
markers.forEach((m, i) => {
m.setExtData(positionData[i]); // positionData 是你的原始数组，含 lnglat、name 等
});
// 监听聚合点点击（注意：是监听 map 上的 click，再判断是否点在 cluster 上）
map.on('click', function(e) {
const target = e.target;
// 判断是否为聚合点（高德中 cluster 的 marker 类型为 'cluster'）
if (target.getEXTData && target.getEXTData() === 'cluster') {
// 获取该聚合点内所有原始 marker
const innerMarkers = cluster.getMarkersByCluster(target);
// 提取它们的原始数据（已通过 setExtData 绑定）
const rawDataList = innerMarkers.map(m => m.getExtData());
console.log('被点击聚合点包含的数据:', rawDataList);
// 若只需最靠近点击位置的那个点，可用 e.lnglat + 距离计算
}
});
百度地图：利用 cluster 对象的 getMarkers 方法
百度地图聚合需引入 BMapLib.MarkerClusterer。它的聚合点对象有 getMarkers() 方法，返回原始 BMap.Marker 数组：
const cluster = new BMapLib.MarkerClusterer(map, {
markers: markers,
maxZoom: 18
});
// 同样，给每个 marker 存数据（百度用 setData）
markers.forEach((m, i) => {
m.setData(positionData[i]);
});
// 监听地图 click，并识别是否点中 cluster 图标
map.addEventListener('click', function(e) {
const target = e.target;
// 百度聚合点类型为 BMapLib.Cluster
if (target instanceof BMapLib.Cluster) {
const innerMarkers = target.getMarkers(); // ✅ 关键方法
const rawDataList = innerMarkers.map(m => m.getData());
console.log('聚合点内原始数据:', rawDataList);
}
});
通用策略：点击后做空间距离判定（更精准）
如果业务要求“点哪算哪”，即用户点击聚合图标某处，应返回视觉上最接近该点击坐标的那个原始点（而非全部），则需结合点击坐标 e.lnglat（高德）或 e.point（百度）做平面距离计算：
- 先拿到聚合点内所有原始
lnglat； - 用 Haversine 公式或 SDK 提供的距离工具（如
AMap.GeometryUtil.distance）计算每个点到点击坐标的球面距离； - 取距离最小的那个点的数据作为最终结果。
这样既绕过了 DOM 层级限制，又实现了语义上的“精准溯源”。
