jQueryMobile上的gmaps4rails无法正常工作

Question

我尝试了jQueryMobile Framework上的gmaps4rails。

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

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

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

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

Answer 1

• 你需要在你的布局的JavaScript文件的谷歌地图：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.5&sensor=false&amp;libraries=geometry"></script> 
<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/tags/infobox/1.1.5/src/infobox.js"></script> 
<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.1/src/markerclusterer.js"></script> 
<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/richmarker/src/richmarker-compiled.js"></script> 

• 地图创建得益于window.onload回调。由于该页面已经加载，因此失败。所以，你必须在你的application.js添加一个jQuery Mobile的回调：

$（ '＃gmaps'）生活（ 'pageshow'，函数（事件）{

Gmaps.loadMaps(); 

}）;

• 如果你想要这个工作，你有一个ID设置为包含谷歌地图的页面：

<div class="page" data-role="page" id="gmaps"> 

• 最后，你必须避免重复加载脚本，请将您的电话更改为gmaps4rails帮手：

<％= gmaps4rails（@json，假的，假的）％>