如何仅将标记放置在诸如 infoWindow autoPan 之类的边界边缘内

Question

将位于谷歌地图当前边界之外的标记居中是很容易的：

if (!map.getBounds().contains(marker.getPosition())) { 
    myMap.panTo(pos)
}

我想要做的是模仿标记的 infoWindow 自动平移，如果标记不在边界内，则地图只会平移足够远以使其在边界内。除了手动计算与边界边缘的距离并设置一个仅将其移动必要距离的“假”中心之外，还有更简单的方法吗？我尝试了 fitBounds ，它放大并仍然使标记居中...

Answer 1

Here is a JSBin with a 'hack' solution 不涉及任何纬度/经度或边界计算。确保将 HTML 中的 YOUR_API_KEY 替换为您的 Google Maps API 密钥。按地图底部的“放置随机标记”按钮以查看它的实际效果。

此解决方案使用 InfoWindow 对象的自动平移功能将地图平移到足够远，以使标记刚好在边界内。

处理平移的部分代码在map.panToMarker 方法中。这是它的主体：

var infoWindow = new google.maps.InfoWindow();
infoWindow.open(this.map, this.marker);
google.maps.event.addListenerOnce(this.map, 'center_changed', function() {
  infoWindow.close();
});

我创建一个新的信息窗口并在其上调用open，将地图和标记作为参数传递。这会导致地图平移到标记。然后，我创建了一个 MapsEventListener 来监听地图上的“center_changed”事件。一旦它检测到地图的中心发生了变化，信息窗口就会关闭并移除监听器。