javascript - 谷歌地图信息窗口 : how can I get its offset/clearance?

Question

我有一个 Google v3 map ，其中的 UI 元素悬垂在它的顶部，就像这样......

我有一个信息窗口附加到多个标记。我遇到的问题是，当信息窗口打开并自动平移以在 map 中可见时(我想要的行为)，它显然没有考虑元素悬垂......

…所以用户必须手动平移才能清楚地看到所有信息或到达关闭框。

我已经查看是否有办法从其父 map 获取信息窗口的 offsetTop，因此我可以在必要时添加额外的 panTo 微调，但我很难过.

诸如……的尝试

google.maps.event.addListener(marker, 'click', function() {
  infowindow.setContent(this.html);
  infowindow.open(map, marker);

  var infoTop = infowindow.offsetTop;
  console.log(infoTop);
});

...给我 undefined。

如果能够在信息窗口上设置一个clearance 属性就好了，就像InfoBox utility 的infoBoxClearance 属性一样。 .但我不想使用 InfoBox，因为我更喜欢标准信息窗口的风格方面。

而且我不希望通过使用 disableAutoPan 并为每个标记计算最佳 panTo 来让 map 平移超过必要的范围。

有什么建议吗？

Answer 1

我没有在版本 3 中尝试过，但在版本 2 中，标准解决方案是在 map 上创建自定义控件。 [v2] infoWindow 避免了所有控件，包括自定义控件。您的自定义控件可以只是一个被外部 UI 覆盖的空白区域。

http://code.google.com/apis/maps/documentation/javascript/controls.html#CustomControls