以响应式Google地图为中心

Question

正如您从jsFiddle所看到的，感谢this stack overflow question，我有一张快速响应的Google地图。

现在的问题是让地图在不同视口和浏览器调整大小的标记上保持居中。

我找到了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，文档太棒了，所以我认为你没有任何麻烦。如果你遇到困难，你就知道到底要去哪里！