谷歌地图 - 标记聚类器缩放点击因子?

Question

我正在使用带有googlemaps的markerClusterer。假设我有一个有 10 个标记的集群 - 如果我单击，它会放大到只有一个标记可见，我必须缩小和/或拖动地图以找到附近的其他标记。

双击以较小的增量缩放(这就是我想要的单击(。

是否有选项可以设置单击缩放的缩放系数？ gridSize 和 maxZoom 似乎不会影响这一点，尽管我可能走错了？

// clusterer options
let mcOptions = {
gridSize: 10,
maxZoom: 10,
zoomOnClick: true,
minimumClusterSize: 2,
};
// map
let map = new google.maps.Map(document.getElementById('mapContainer'), {
zoom: 4,
center: new google.maps.LatLng(40.0, -102.0),
styles: mapStyles,
zoomControl: true,
mapTypeControl: false,
scaleControl: false,
streetViewControl: false,
rotateControl: false,
fullscreenControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP,
});

Answer 1

我想通了。首先，确保您拥有最新的标记群集器代码。(我从头部的脚本调用切换到将包添加到我的项目中并将其导入我的地图组件。

// import MarkerClusterer (or call it in a script tag)
import MarkerClusterer from '@google/markerclusterer';
// create new cluster   
markerCluster = new MarkerClusterer(map, markers, mcOptions);
// add a listener to the cluster click and do what you want inside
markerCluster.addListener('clusterclick', (cluster) => {
let currentZoom = map.getZoom();
map.setCenter(cluster.getCenter());
map.setZoom(currentZoom + 4);
});
// add zoom listener to map and do what you want inside
map.addListener('zoom_changed', () => {
let currentZoom = map.getZoom();
if (currentZoom > 7) {
map.setMapTypeId('hybrid');
} else {
map.setMapTypeId('roadmap');
}
});