首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >响应式Google地图居中

响应式Google地图居中
EN

Stack Overflow用户
提问于 2013-03-28 23:34:47
回答 1查看 1.5K关注 0票数 2

正如你从这个jsFiddle中看到的,多亏了this stack overflow question,我有了一个响应式的谷歌地图。

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

我找到了包含以下代码的an answer here

代码语言:javascript
复制
google.maps.event.addDomListener(window, 'resize', function() {
map.setCenter(homeLatlng);
});

但是,由于我仍然不太擅长jQuery和javascript,所以我不知道如何应用事件侦听器。

有人知道如何应用事件侦听器吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-28 23:50:52

我不认为您的第二个代码片段会与第一个代码片段一起工作,因为您正在使用iFrame嵌入地图。这意味着您无法访问地图,无法通过其API对其进行操作(这正是第二个代码片段正在尝试做的事情)。

我建议您查看一下Google maps API 3 getting started guide,它将为您提供开始使用所需的所有信息。您应该能够将'hello world‘示例与您的响应式CSS和上面的事件处理程序相结合,以使map完全按照您的要求进行操作。

这是一个非常直观的API,文档也很棒,所以我认为您不会有任何麻烦。如果你真的遇到困难,你就知道该从哪里来了!

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15685981

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档