时间戳

首页 > 解决方案 > 放大单击具有多个引脚的引脚而不聚集

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

问题描述

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

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

标签： google-maps

解决方案

您可以通过在标记上使用单击事件调用map.setCenterthen来执行此操作。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);
  });

推荐阅读