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

Question

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

点击这里查看

Answer 1

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

从您的代码中删除它（它强制错误，如安托·尤尔科维奇所评论的那样）：

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

并将其添加到jqc_fnDone：

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

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

Answer 2

最简单的解决方法！

在用于访问带有地图的页面的链接上，只需添加数据无涡轮链接

例：

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

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