Google地图信息在自定义标记上的位置

时间:2015-06-22 09:49:53

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

我没有在谷歌地图中使用标记,因为我希望在我的标记上渲染自定义文本和图像,所以我所做的是使用叠加层的自定义标记。

叠加位置与标记不完全相同,所以我用它玩了一下,现在渲染完全像标记。

现在的问题是infowindow,因为它不会在叠加层的顶部打开,而是完全在叠加层的位置上打开,我希望它位于叠加层的顶部,在顶部位置上减少约32px。 / p>

查看文档,看起来infowindow位置与对象和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);
}); 

非常简单,但不幸的是,infowindow已经超过了标记,而不是像我使用标记一样。

2 个答案:

答案 0 :(得分:3)

正确设置InfoWindow的pixelOffset:

来自the documentation on InfoWindows

  

pixelOffset |类型:尺寸|信息窗口的尖端距离地图上信息窗口锚定的地理坐标点的偏移量(以像素为单位)。如果使用锚点打开InfoWindow,则将从锚点的anchorPoint属性计算pixelOffset。

答案 1 :(得分:0)

我认为您不仅需要simple google markers,您需要的不仅仅是标记,请参阅此RichMarker