gmaps.js没有在heroku的rails production env上的ruby上显示

Question

我有问题，希望有人可以帮助我！

我是Ruby on Rails的初学者，我想使用gmaps.js在我的应用程序中实现地图。我只是按照指南进行操作，在开发过程中该地图运行良好，但是当我在生产中将更改推送到Heroku时，该地图没有显示，我也不知道出了什么问题。

我下载了文件并将其复制到我的Assets / javascript文件夹中。
在我的 application.js 文件中：

//= require_tree .

在我的 application.html.erb 中：

<script src="http://maps.google.com/maps/api/js?key=[API_KEY]"></script>

在我的 home.html.erb 中：

  <div id="map" style="width: 100%; height: 400px;"></div>
  <script>
        var map = new GMaps({
        el: '#map',
        lat: 41.986036,
        lng: 2.820057,
        zoom: 10
     });
  </script>

正如我所说，这对我有效，但对生产无效。

我尝试运行rake assets:precompile，并在heroku logs中进行了搜索，但没有任何错误。