居中響應谷歌地圖

Question

正如你所見，從這個jsFiddle，我有一個響應谷歌地圖感謝this stack overflow question。

現在的問題是讓地圖保持居中於不同視口上的標記和瀏覽器大小。

我發現an answer here用下面的代碼：

google.maps.event.addDomListener(window, 'resize', function() { 
map.setCenter(homeLatlng); 
}); 

然而，因爲我還沒有很好的使用jQuery和JavaScript，我不知道如何應用事件監聽器。

有誰知道如何應用事件偵聽器？

Answer 1

我不認爲你的第二個代碼片段會與第一個代碼片段一起工作，因爲你使用iFrame嵌入你的地圖。這意味着你無法訪問地圖來通過它的API來操作它（這是第二個代碼片段試圖做的）。

我建議你看看Google maps API 3 getting started guide，它會給你所需的所有信息。您應該能夠將'hello world'示例與您的響應式CSS和上面的事件處理程序結合起來，以使地圖完全符合您的需求。

這是一個非常直觀的API，文檔非常棒，所以我不認爲你會遇到任何問題。如果你遇到困難，你確切地知道去哪裏！