gmaps4rails不顯示地圖

我安裝了gmaps4rails gem，我不確定這裏發生了什麼，但我甚至無法獲得演示代碼的工作。什麼都沒有被加載。gmaps4rails不顯示地圖

我有一個軌道4.0.2紅寶石1.9.3應用程序。

我是按照GitHub的頁面上的基本演示下面列出的教程： https://github.com/apneadiving/Google-Maps-for-Rails

我不知道這是否是一個JS的問題 - 我也有： highcharts和皇家滑塊在那裏，可能會干擾。

我已經試過這是這裏推薦的「數據沒有的TurboLink」：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

來源

2014-10-29 Steve Q

它可能是一個JS的問題。您是否嘗試將Google腳本添加到您的application.html.erb而不是您的show頁面上？ Github上有類似的issue。

基本上，請在您的application.html.erb而不是show頁面的<head>內嘗試包含以下內容。

<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後重新啓動服務器？

來源

2014-10-30 00:25:09

對不起應該提到...我想所有這一切張貼問題之前。這真的很奇怪。 – 2014-10-30 04:02:58

有什麼想法如何解決這個問題？ – 2014-10-31 14:14:36

請檢查「underscore.js」是正確的格式。在演示中，這個js文件通過剪貼板複製的方法。請下載‘從GitHub，提取underscore.zip’，使用權的js文件。我同樣的情況，我這個檢查

來源

2015-04-20 17:05:57

我使用的是下劃線的寶石，所以我不應該有這個問題，但它仍然無法正常工作。 – 2015-04-20 20:38:17

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

解決也許它只是一個錯字？老問題，雖然

來源

2015-08-09 23:18:16 lacerda

原來，它是從另一個JavaScript庫的干擾。

morris.js庫拋出一個錯誤，因爲它正在尋找一個圖形容器div，並找不到一個（我有一個問題，因爲不能很容易地使用頁面特定的JavaScript）。

這阻止了其他javascript，包括gmaps，從加載。

來源

2015-08-10 11:49:11

看來你忘了把

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

的API，它需要產生

來源

2016-11-06 22:07:50

gmaps4rails不顯示地圖

回答

相關問題