放大单击一个引脚，其中多个引脚紧密相邻而不聚集

Question

我在Google地图上有多个图钉，其中一些图钉非常接近/彼此重叠。我不希望我的图钉成簇，但我仍然希望用户单击一个会截获另一个图钉的图钉时地图放大的效果。

我在网上找到的许多解决方案都建议使用Clustering或OverlappingMarkerSpiderfier。我不想对标记进行任何更改，而只是想要放大。

Answer 1

您可以通过先在标记上单击事件的同时依次呼叫map.setCenter和map.setZoom来实现此目的。

以下是一个小提琴示例：https://jsfiddle.net/pzc4aodt/

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -33, lng: 151}
  });

  var marker = new google.maps.Marker({
    position: {lat: -33.890, lng: 151.274},
    map: map,
  });

  marker.addListener('click', function() {
    map.setCenter(marker.getPosition());
    map.setZoom(17);
  });