从这个jsFiddle可以看出，由于这个堆栈溢出问题，我有一个响应式谷歌地图。
现在的问题是让地图在不同的视口和浏览器调整大小时保持在标记的中心。
我在这里找到了以下代码的答案：
google.maps.event.addDomListener(window, 'resize', function() {
map.setCenter(homeLatlng);
});
但是，由于我对 jQuery 和 javascript 仍然不是很好，我不知道如何应用事件侦听器。
有谁知道如何应用事件监听器？
我认为您的第二个代码片段不会与第一个代码片段一起使用，因为您正在使用 iFrame 嵌入地图。这意味着您无法访问地图以通过其 API 操作它（这是第二个代码片段试图做的事情）。
我建议您查看Google maps API 3 入门指南，该指南将为您提供开始所需的所有信息。您应该能够将“hello world”示例与您的响应式 CSS 和上面的事件处理程序结合起来，以使地图完全按照您的意愿行事。
这是一个非常直观的 API，文档也很棒，所以我认为你不会有任何麻烦。如果您确实遇到困难，您确切知道该去哪里！