Question

我安装了gmaps4rails gem并且我不确定这里发生了什么，但我甚至无法使用该演示代码。什么都没有被加载。

我有一个rails 4.0.2 ruby 1.9.3 app。

我已经按照下面列出的github页面上的基本演示教程进行了操作： https://github.com/apneadiving/Google-Maps-for-Rails

我不知道这是否是一个JS问题 - 我也有：那里可能有干扰的高等仪式和皇家滑块。

我已经尝试过＃34; data-no-turbolink＆＃34;这里推荐的是：https://github.com/apneadiving/Google-Maps-for-Rails/issues/357

运行时控制台中没有错误。下面是代码。我不知道为什么这不起作用，它只是演示代码，我还没有尝试做任何棘手的事情。有没有人有任何想法，或者这件事发生在任何人身上？

显示

<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>

    <div style='width: 800px;'>
        <div id="map" style='width: 800px; height: 400px;'></div>
    </div>

        <script type="text/javascript">
            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();
                        });
                    </script>

的application.js

//= require underscore
//= requrie gmaps/google

Answer 1

这可能是一个JS问题。您是否尝试将Google脚本添加到您的application.html.erb而不是show页面上，从而将Google脚本插入到您的所有网页中？ Github上有一个类似的issue。

基本上，请尝试在<head>中的application.html.erb内添加以下内容，而不是show页。

<script src="//maps.google.com/maps/api/js?v=3.14&amp;sensor=false&amp;libraries=geometry" type="text/javascript"></script>
<script src="//google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.1.2/src/markerclusterer_packed.js" type="text/javascript"></script>

另外，您是否尝试在安装gem之后重新启动服务器？

Answer 2

请检查，'underscore.js'格式正确。在演示中，这个js文件是通过clipboard方法复制的。请从github下载'underscore.zip'，解压缩，使用正确的js文件。我是同样的情况，我用这个检查解决了

Answer 3

{{1}}

也许它只是一个错字？老问题虽然

Answer 4

事实证明这是来自另一个JavaScript库的干扰。

morris.js库正在抛出一个错误，因为它正在寻找一个图形容器div并且找不到一个（我遇到的一个问题是不能非常容易地使用特定于页面的javascript）。

这会阻止其他javascript（包括gmaps）加载。

Answer 5

好像你忘记了

＆＃13;

<script src="//maps.google.com/maps/api/js?key=[your API key]"></script>

＆＃13;

用于生成

所需的API

gmaps4rails不显示地图

5 个答案: