我试图将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&amp;sensor=false&amp;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/

10-10 22:01