Javascript jqueryui+;Google Maps v3 API仅在刷新后加载

Javascript jqueryui+;Google Maps v3 API仅在刷新后加载,javascript,jquery,google-maps-api-3,Javascript,Jquery,Google Maps Api 3,当你点击标签时,它应该加载地图,但它只是加载内容——除了刷新页面。我几乎想尽一切办法来修复它,但没有成功 单击此处进行检查函数初始化将在加载后1秒执行,但当您单击选项卡时,加载-事件已触发,映射将不会初始化 从代码中删除此项(它强制执行Anto Jurkovic所评论的错误): 并将其添加到jqc\u fnDone: if($('#map-canvas').length && !$('#map-canvas div').length){initialize();} 当地图容器存

当你点击标签时,它应该加载地图,但它只是加载内容——除了刷新页面。我几乎想尽一切办法来修复它,但没有成功


单击此处进行检查

函数初始化将在
加载
后1秒执行,但当您单击选项卡时,
加载
-事件已触发,映射将不会初始化

从代码中删除此项(它强制执行Anto Jurkovic所评论的错误):

并将其添加到
jqc\u fnDone

if($('#map-canvas').length && !$('#map-canvas div').length){initialize();}

当地图容器存在但仍然为空时,它将初始化地图。

最简单的修复方法

在用于访问地图页面的链接上,只需添加数据no turbolink

例如:

<a href="/contactuspage" data-no-turbolink>Contact Us</a>


问题解决了!我花了几天的时间试图找到一个解决这个问题的简单方法。希望有帮助

控制台日志
未捕获类型错误:无法读取null main.js:28的属性“offsetWidth”。请在您的问题中发布(相关)代码(链接很有用,但可能会消失)。您确定您的答案与此问题相关吗?我刚刚注意到你用两个完全相同的帖子回答了两个不同的问题。是的,这是我回答的两个问题的可能解决方案。
<a href="/contactuspage" data-no-turbolink>Contact Us</a>