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

时间:2013-11-12 20:13:33

标签: javascript jquery google-maps-api-3

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

点击此处查看

2 个答案:

答案 0 :(得分:1)

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

从你的代码中删除它(它强制由Anto Jurkovic评论的错误):

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

并将其添加到jqc_fnDone

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

当map-container存在时,它会初始化地图,但仍然是空的。

答案 1 :(得分:0)

最容易修复!

在用于通过地图访问您网页的链接上,只需添加 data-no-turbolink

示例:

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

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