居中响应式谷歌地图

Question

从jsFiddle 可以看出，感谢this stack overflow question，我有一个响应式谷歌地图。

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

我找到了an answer here，代码如下：

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

但是，由于我对 jQuery 和 javascript 还不是很好，我不知道如何应用事件监听器。

有人知道如何应用事件监听器吗？

Answer 1

我认为您的第二个代码 sn-p 不能与第一个代码一起使用，因为您使用 iFrame 嵌入地图。这意味着您无法访问地图以通过其 API 操作它（这是第二个代码 sn-p 试图做的事情）。

我建议您查看Google maps API 3 getting started guide，它会为您提供一切所需的信息。您应该能够将“hello world”示例与您的响应式 CSS 和上面的事件处理程序结合起来，以使地图完全按照您的意愿行事。

这是一个非常直观的 API，而且文档很棒，所以我认为您不会有任何问题。如果您确实遇到了困难，您就知道该去哪里了！