Google Maps MarkerClusterer的NoopAlgorithm无法显示标记求助

问题分析 #

使用@googlemaps/markerclusterer的NoopAlgorithm时，预期直接显示所有标记，但实际无标记渲染，而GridAlgorithm和SuperClusterAlgorithm可正常工作。控制台无报错且Noop模式加载更快，说明标记数据已成功获取，但未被正确添加到地图。

核心原因：NoopAlgorithm的设计是不执行聚类逻辑，但v2.4.0版本的MarkerClusterer默认依赖算法返回的聚类结构来触发渲染。内置NoopAlgorithm的实现未返回符合要求的聚类格式，导致MarkerClusterer无法处理并显示原始标记；同时代码中创建标记时未直接关联地图，完全依赖MarkerClusterer管理显示，进一步加剧了这个问题。

修复方案 #

方案1：自定义不聚类算法替代内置实现 #

自己实现一个简单的不聚类算法，确保返回MarkerClusterer需要的聚类结构（每个标记作为独立聚类）：

// 自定义Noop算法，替代内置实现
class CustomNoopAlgorithm {
  cluster(markers) {
    return markers.map(marker => ({
      markers: [marker],
      center: marker.getPosition(),
      count: 1
    }));
  }
}

然后替换代码中原来的useNoop函数：

const useNoop = () => loadTaxis(new CustomNoopAlgorithm());

方案2：创建标记时直接关联地图 #

如果不需要通过MarkerClusterer统一管理标记，可以在创建标记时直接指定map属性，跳过MarkerClusterer的显示管理：

// 修改loadTaxis中创建标记的代码
newTaxi = new google.maps.Marker({
  position: new google.maps.LatLng(coord[1], coord[0]),
  title: (index + 1).toString(),
  icon: {
    path: google.maps.SymbolPath.CIRCLE,
    scale: 3,
  },
  optimized: true,
  map: mapRef, // 直接将标记绑定到地图
});

方案3：调整MarkerClusterer配置 #

显式设置minimumClusterSize为0，确保单个标记也能被MarkerClusterer处理：

markerCluster = new MarkerClusterer({
  map: mapRef,
  markers: markers,
  algorithm: algorithm,
  minimumClusterSize: 0, // 强制处理单个标记
});

补充说明 #

• 关于IDE参数警告：Expected 1 arguments, but got 0是因为NoopAlgorithm的构造函数要求必须传入配置对象（即使为空），所以必须使用new NoopAlgorithm({})，不能省略参数。
• Noop模式加载快的原因：该算法不执行聚类计算，数据处理时间远短于其他聚类算法，但因标记未被渲染，所以呈现出“加载更快”的现象。

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