正如你从这个jsFiddle中看到的,多亏了this stack overflow question,我有了一个响应式的谷歌地图。
现在的问题是让地图在不同的视口和浏览器大小的标记上保持居中。
我找到了包含以下代码的an answer here:
google.maps.event.addDomListener(window, 'resize', function() {
map.setCenter(homeLatlng);
});但是,由于我仍然不太擅长jQuery和javascript,所以我不知道如何应用事件侦听器。
有人知道如何应用事件侦听器吗?
发布于 2013-03-28 23:50:52
我不认为您的第二个代码片段会与第一个代码片段一起工作,因为您正在使用iFrame嵌入地图。这意味着您无法访问地图,无法通过其API对其进行操作(这正是第二个代码片段正在尝试做的事情)。
我建议您查看一下Google maps API 3 getting started guide,它将为您提供开始使用所需的所有信息。您应该能够将'hello world‘示例与您的响应式CSS和上面的事件处理程序相结合,以使map完全按照您的要求进行操作。
这是一个非常直观的API,文档也很棒,所以我认为您不会有任何麻烦。如果你真的遇到困难,你就知道该从哪里来了!
https://stackoverflow.com/questions/15685981
复制相似问题