jquery - Google Map API map 有但断了

标签 jquery google-maps

在我的网站上,我的 map 被切断。但我不知道为什么。我仍然可以互动,但只是在有限的意义上。有人可以看一下并给我一些见解吗?

这是网站 http://people.rit.edu/~ctn9382/536/assignment3/

为了访问 map ,您必须单击“显示结果”,然后单击医院的名称,它应该会在页面顶部创建一堆内容。

最佳答案

每当用户切换到“位置”选项卡时,通过触发以下命令强制调整大小事件:

google.maps.event.trigger(map, 'resize');

由于您在 div 隐藏时初始化 map ,因此它无法计算出自身的大小,因此您需要强制它再次检查大小。这也是为什么当您打开开发者控制台时它会自行修复,正如 Daan 注意到的那样,因为这会调整触发调整大小事件的窗口大小。

关于jquery - Google Map API map 有但断了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9404455/

相关文章:

带有自定义 Google map 标记/放置动画的 Javascript

javascript - 课后增加人数至最大功能

google-maps - 实例化时,Google Map 元素是否必须在 DOM 中?

javascript - 更新 Google Maps API v3 中的 UI 控件

android - 在 android google maps API v2 中隐藏标记信息窗口

javascript - 在谷歌地图上适合标记

javascript - jQuery UI 自动完成项目和 id

javascript - 错误 : 'jQuery is not defined'

javascript - 如何创建包含自定义变量的函数

javascript - Wordpress 循环中的 jQuery 脚本