jQueryMobile上的gmaps4rails不起作用

我在jQueryMobile Framework上尝试了gmaps4rails。

一页只链接到gmaps页面。 两页是gmaps4rails页面。

启用了jQueryMobile ajax页面。 从一页到两页不显示gmaps。 但是两页直接访问是成功显示gmaps。

这是我的存储库。 https://github.com/y-hirasawa/sample-jqm-map

我想使用ajax页面,并显示gmaps。 帮我。

  • 您需要在布局中包含googlemaps javascript文件:
    
  • 由于window.onload回调,创建了地图。 由于页面已加载,因此失败。 所以你必须在application.js添加一个jquery移动回调:

$( ‘#gmaps’)。住( ‘pageshow’,函数(事件){

  Gmaps.loadMaps(); 

});

  • 如果您希望这样做,您必须为包含Google地图的页面设置ID:
 
  • 最后,您必须防止双重加载脚本,因此请将您的调用更改为gmaps4rails帮助程序:

<%= gmaps4rails(@ json,false,false)%>