自定義標記上的 Google 地圖信息窗口位置

Question

我沒有使用 Google 地圖中的標記，因為我希望在標記上呈現自定義文本和圖像，所以我所做的是使用疊加層的自定義標記。

疊加位置與標記不完全一樣，所以我玩了一下，現在它渲染得完全像標記。

現在的問題是信息窗口，因為它沒有在疊加層的頂部打開，而是在疊加層的位置上打開，我希望它在它的頂部，頂部位置少約 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);
}); 

很簡單，但不幸的是，信息窗口位於標記上方，而不是像我使用標記那樣位於其頂部。

Answer 1

適當地設置InfoWindow的pixelOffset：

從InfoWindows上的文檔

pixelOffset | 類型：尺寸| 信息窗口的尖端距離地圖上信息窗口錨定的地理坐標點的偏移量（以像素為單位）。 如果使用錨點打開InfoWindow，則將從錨點的anchorPoint屬性計算pixelOffset。

Answer 2

我認為你不僅需要simple google markers ，你需要的不僅僅是標記，請看這個RichMarker