如何获取由H3生成的Multi Polygon的中心经纬度？

方案1：基于H3单元格中心的平均坐标 #

这种方法直接利用每个H3单元格自带的中心坐标，计算平均值得到集群的大致中心，逻辑简单且贴合H3单元格的分布：

// 处理集群数据，同时生成边界和中心
const clusterData = [];
clusters?.forEach((element) => {
  // 生成MultiPolygon边界
  const multiPolygon = h3.h3SetToMultiPolygon(element.cellIdsArr, true);
  // 获取每个H3单元格的经纬度中心
  const cellCenters = element.cellIdsArr.map(cellId => h3.h3ToGeo(cellId));
  // 计算平均经纬度作为大致中心
  const totalCells = cellCenters.length;
  const [avgLat, avgLng] = cellCenters.reduce(
    ([latSum, lngSum], [lat, lng]) => [latSum + lat, lngSum + lng],
    [0, 0]
  ).map(sum => sum / totalCells);

  clusterData.push({
    boundary: multiPolygon,
    center: [avgLat, avgLng]
  });
});

// 在Leaflet中添加边界和中心标记
clusterData.forEach(item => {
  // 添加MultiPolygon到地图
  L.geoJSON(item.boundary).addTo(map);
  // 添加中心标记
  L.marker(item.center).addTo(map)
    .bindPopup('集群大致中心');
});

方案2：基于MultiPolygon的包围盒中心 #

如果需要从已生成的MultiPolygon几何边界出发，可通过Leaflet的边界计算功能获取包围盒中心：

const clusterData = [];
clusters?.forEach((element) => {
  const multiPolygon = h3.h3SetToMultiPolygon(element.cellIdsArr, true);
  // 将GeoJSON转换为Leaflet图层以获取边界
  const geoLayer = L.geoJSON(multiPolygon);
  // 获取包围盒并计算中心
  const boundsCenter = geoLayer.getBounds().getCenter();

  clusterData.push({
    boundary: multiPolygon,
    center: [boundsCenter.lat, boundsCenter.lng]
  });
});

// 渲染到地图
clusterData.forEach(item => {
  L.geoJSON(item.boundary).addTo(map);
  L.marker(item.center).addTo(map)
    .bindPopup('包围盒中心');
});

说明 #

• 方案1的中心更贴合集群内H3单元格的分布，适合关注单元格聚集核心的场景；
• 方案2的中心是几何边界的中间点，适合需要视觉上位于图形中心的场景；
• 两种方法都满足“无需精准”的需求，可根据实际场景选择。

内容的提问来源于stack exchange，提问作者Premshankar Tiwari