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

Javascript 谷歌地图信息窗口在自定义标记上的位置,javascript,css,google-maps,google-maps-api-3,Javascript,Css,Google Maps,Google Maps Api 3,我没有在GoogleMaps中使用标记,因为我希望在标记上呈现自定义文本和图像,所以我所做的是使用覆盖的自定义标记 叠加位置与标记不完全相同,因此我对其进行了一些处理,现在它的渲染与标记完全相同 现在的问题是infowindow,因为它不是在覆盖层的顶部打开的,而是在覆盖层的位置上打开的,我希望它位于它的顶部,在顶部位置大约32px以下 查看文档,信息窗口的位置似乎与对象和板条相关,因此如何移动它 以下是我正在使用的代码: var marker; marker = new CustomMarke

我没有在GoogleMaps中使用标记,因为我希望在标记上呈现自定义文本和图像,所以我所做的是使用覆盖的自定义标记

叠加位置与标记不完全相同,因此我对其进行了一些处理,现在它的渲染与标记完全相同

现在的问题是infowindow,因为它不是在覆盖层的顶部打开的,而是在覆盖层的位置上打开的,我希望它位于它的顶部,在顶部位置大约32px以下

查看文档,信息窗口的位置似乎与对象和板条相关,因此如何移动它

以下是我正在使用的代码:

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);
}); 

非常简单,但不幸的是,信息窗口位于标记上方,而不是像使用标记一样位于其上方。

适当设置信息窗口的像素偏移:

pixelOffset | Type:Size |信息窗口尖端与地图上地理坐标定位信息窗口的点之间的偏移(以像素为单位)。如果使用锚点打开信息窗口,将根据锚点的anchorPoint属性计算pixelOffset