放大单击具有多个引脚的引脚而不聚集

【问题标题】：Zoom in on clicking a pin with multiple pins in close proximity without clustering放大单击具有多个引脚的引脚而不聚集
【发布时间】：2019-07-30 12:46:46
【问题描述】：

我的谷歌地图上有多个图钉，其中一些非常接近/相互重叠。我不希望我的图钉成簇，但我仍然想要当用户点击拦截另一个图钉时地图放大的效果。

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

【问题讨论】：

您能否为您的问题制作一个可重现的样本？这将增加您的问题得到答案的机会，因为该示例将允许社区正确调查您的代码。 stackoverflow.com/help/minimal-reproducible-example

标签： google-maps

【解决方案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);
  });

【讨论】：