javascript - Jquery UI + Google Maps v3 API 仅在刷新后加载

Question

当您单击选项卡时，它应该加载地图，但它只是加载内容 - 除非您刷新页面。我几乎尝试了一切来修复它，但没有成功。

点击这里查看

Answer 1

函数 initialize 将在 1 秒后执行onload，但是当您单击选项卡时，load-event 已经被触发并且地图将不会被初始化。

从您的代码中删除它（它会强制执行 Anto Jurkovic 评论的错误）：

google.maps.event.addDomListener(
window,
'load',
function(){
window.setTimeout(initialize, 1000);
}); 

并将其添加到jqc_fnDone：

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

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

Answer 2

最简单的修复！

在用于访问带有地图的页面的链接上，只需添加data-no-turbolink

例子：

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

问题解决了！我花了几天时间试图找到一个简单的解决方案来解决这个问题。希望能帮助到你！