我试图将gmap插入我的网页,无论我总是得到什么ReferenceError: Gmaps is not defined
。这是我到目前为止所做的:
添加gem 'gmaps4rails'
,运行捆绑安装,重新启动服务器
在我的app / assets / javascript文件夹中添加了下划线
在我的application.js中添加了//= require underscore//= require gmaps/google
编辑的应用程序和我的视图html(下面的代码)
在我的app / assets / javascript文件夹中添加了一个名为Gmap.js的自定义js文件(以下代码)
我的application.html.erb(只是头):
<head>
<title><%= @page_title %></title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
<script src="//maps.google.com/maps/api/js?v=3.13&sensor=false&libraries=geometry" type="text/javascript"></script>
<script src='//google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.14/src/markerclusterer_packed.js' type='text/javascript'></script>
<%= yield :scripts %>
</head>
我的index.html.erb
<div class="col-xs-6">
<div style='width: 800px;'>
<div id="map" style='width: 800px; height: 400px;'></div>
</div>
</div>
<br />
</div>
我的gmap.js
handler = Gmaps.build('Google');
handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){
markers = handler.addMarkers([
{
"lat": 0,
"lng": 0,
"picture": {
"url": "https://addons.cdn.mozilla.net/img/uploads/addon_icons/13/13028-64.png",
"width": 36,
"height": 36
},
"infowindow": "hello!"
}
]);
handler.bounds.extendWith(markers);
handler.fitMapToBounds();
});
我在这里错过明显的东西吗?谢谢您的帮助
这是整个内容的GitHub repo。相关文件名在帖子中。
最佳答案
在您的布局文件中,确保在页脚底部而不是底部包含js
关于ruby-on-rails - Rails 4:ReferenceError:未定义Gmaps,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29700574/