谷歌地图信息窗口放置在地图的中心？

Question

我想将 InfoWindow 放在地图窗口的谷歌地图中心。这可能吗？

不幸的是，信息窗口选项中没有这样的选项

var infowindow = new google.maps.InfoWindow({
    positionMiddleOfWindow: true    });

有人知道如何将InfoWindow放置在地图窗口的中间吗？

Answer 1

首先，将地图设置为以标记为中心。您可以检查 InfoWindow 的 domready 事件并将地图向左和底部滚动一点，以便 InfoWindow 居中。

jQuery

pin=new google.maps.LatLng(50.00, 50.00);

marker=new google.maps.Marker({
    position:pin,
});

marker.setMap(map);
map.setCenter(marker.getPosition());

// The InfoWindow
myWindow = new google.maps.InfoWindow({
    content:'<p id="myId">My InfoWindow</p>',
});

myWindow.open(map, marker);

google.maps.event.addListener(myWindow, 'domready', function() {
    // Get the actual height of the InfoWindow
    e = $('#myId').parent().parent().parent();
    h = parseFloat(e.height());
    w = parseFloat(e.width());

    // Move the map a little to the left and down
    map.panBy(-w/2, h/2)
});