自定义标记上的谷歌地图信息窗口位置答案

【问题标题】：Google map infowindow position on custom marker自定义标记上的谷歌地图信息窗口位置
【发布时间】：2015-09-07 17:20:35
【问题描述】：

我没有在 Google 地图中使用标记，因为我希望在标记上呈现自定义文本和图像，所以我所做的是使用叠加层的自定义标记。

Overlay 位置与标记不完全一样，所以我用它玩了一下，现在它的渲染与标记完全一样。

现在的问题是信息窗口，因为它不是在叠加层的顶部打开，而是在叠加层的位置上打开，我希望它在它的顶部，顶部位置少大约 32px。

查看文档，信息窗口位置似乎与对象和 LatLng 相关，那么我该如何移动它？

这是我正在使用的代码：

var marker;
marker = new CustomMarker(markerPosition, map, {}); // custom marker is a class I wrote to prototype the overlay.

google.maps.event.addListener(marker, 'click', function() {
    myInfowindow.open(map, marker);
});

很简单，但不幸的是，信息窗口位于标记上方，而不是像我使用标记那样位于其顶部。

【问题讨论】：

标签： javascript css google-maps google-maps-api-3

【解决方案1】：

适当设置InfoWindow的pixelOffset：

来自the documentation on InfoWindows

像素偏移 |类型：尺寸 |信息窗口尖端与地图上定位信息窗口地理坐标的点的偏移量（以像素为单位）。如果 InfoWindow 使用锚点打开，则 pixelOffset 将根据锚点的 anchorPoint 属性计算。

【讨论】：