gmaps4rails未显示地图
问题描述:
继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&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,但它没有做任何事情。我不知道如何调试。我错过了关键的事情吗?
答
gmaps4rails的样式表未包含在我的页面中,因为我用自己的样式覆盖了默认的application.css。结果,地图没有出现。
确保需要gmaps4rails.css
解决了问题。
<%= stylesheet_link_tag "gmaps4rails" %>
答
你的内容看起来非常相似,不幸的是,我马上就看不到任何错误。
回答你问题的最后一部分:你是否使用过浏览器的调试控制台来查看渲染过程中是否有JS错误?
+0
JS控制台不会显示任何错误。 –
很高兴你找到了! – apneadiving