2011-11-23 69 views
3

繼YouTube視頻開始運行Gmaps4rails後,我無法顯示地圖。 (Rails的3.1.3,1.3.2 gmaps4rails)gmaps4rails未顯示地圖

該頁面包括在頭部正確的JavaScript的資產...

<script src="/assets/gmaps4rails/gmaps4rails.base.js?body=1" type="text/javascript"></script> 
<script src="/assets/gmaps4rails/gmaps4rails.bing.js?body=1" type="text/javascript"></script> 
<script src="/assets/gmaps4rails/gmaps4rails.googlemaps.js?body=1" type="text/javascript"></script> 
<script src="/assets/gmaps4rails/gmaps4rails.mapquest.js?body=1" type="text/javascript"></script> 
<script src="/assets/gmaps4rails/gmaps4rails.openlayers.js?body=1" type="text/javascript"></script> 

...在地圖正確的佔位符包含...

<div class="map_container"> 
    <div id="map" class="gmaps4rails_map"></div> 
</div> 

和腳本在我的身體到底發生:

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

<script type="text/javascript" charset="utf-8"> 

Gmaps.map = new Gmaps4RailsGoogle(); 
Gmaps.load_map = function() { 
Gmaps.map.map_options.auto_adjust = true; 
Gmaps.map.initialize(); 
Gmaps.map.markers = [{"lng": "4.481594", "lat": "51.194179"}]; 
Gmaps.map.markers_conf.do_clustering = true; 
Gmaps.map.create_markers(); 
Gmaps.map.adjustMapToBounds(); 
Gmaps.map.callback(); 
};  
window.onload = function() { Gmaps.loadMaps(); }; 

</script> 

所有部件似乎是在解放軍ce,但它沒有做任何事情。我不知道如何調試。我錯過了關鍵的事情嗎?

回答

4

gmaps4rails的樣式表未包含在我的頁面中,因爲我用自己的樣式覆蓋了默認的application.css。結果,地圖沒有出現。

確保需要gmaps4rails.css解決了問題。

<%= stylesheet_link_tag "gmaps4rails" %> 
+0

很高興你找到了! – apneadiving

0

你的內容看起來非常相似,不幸的是,我馬上就看不到任何錯誤。

回答你問題的最後一部分:你是否使用過瀏覽器的調試控制檯來查看渲染過程中是否有JS錯誤?

+0

JS控制檯不會顯示任何錯誤。 –