Google Maps APIのmarkerClustererでonClusterClickHandler を使う

markerClusterer onClusterClickHandler を使ってクリック後の制御を行う。

const onClusterClickHandler = (event, cluster, map) => {
    if (openInfoWindow) {
        openInfoWindow.close();
    }
    markerClusterer.defaultOnClusterClickHandler(event, cluster, map);
};
const markerCluster = new markerClusterer.MarkerClusterer({
    map,
    markers,
    onClusterClick: onClusterClickHandler
});

参考

https://github.com/googlemaps/js-markerclusterer/issues/623

導入

ここでは触れない。

JavaScriptでGoogle MapとMarkerClustererを使用してマーカーをまとめて表示する