gmaps4rails未显示地图

Question

按照运行Gmaps4rails的YouTube视频，我无法让它显示地图。(Rails 3.1.3，gmaps4rails 1.3.2)

页面的头部包含正确的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>

所有部分似乎都已就位，但它什么也做不了。我不确定如何调试它。我错过了什么关键的东西吗？

Answer 1

我的页面中没有包含gmaps4rails的样式表，因为我已经用自己的样式覆盖了默认的application.css。结果，地图没有显示出来。

确保需要gmaps4rails.css就解决了这个问题。

<%= stylesheet_link_tag "gmaps4rails" %>

Answer 2

您的内容看起来与我的内容非常相似；不幸的是，我不能立即看到任何错误。

回答您问题的最后一部分:您是否使用过浏览器的调试控制台来查看渲染过程中是否抛出了任何JS错误？