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，假的，假的）％>