谷歌地圖沒有出現在燒瓶應用

-1

我已經作出了瓶的應用程序，應該在技術上加載谷歌地圖按他們的tutorial。谷歌地圖沒有出現在燒瓶應用

，但出乎我的意料，一切正常，局部和hosted on heroku並沒有錯誤出現，但地圖不負載。

<div id="map"></div> 

      <script type="text/javascript"> 
        var map; 
        function initMap() { 
         map = new google.maps.Map(document.getElementById('map'), { 
          center: {lat: {{lat}}, lng: {{lng}}}, 
          zoom: 16 
          }); 
         console.log("map function"); 
         console.log(map); 
        } 
      </script> 

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key={{key}}&callback=initMap" async defer></script>

請看看的JavaScript控制檯輸出，你會看到兩個打印，第一個說map函數第二個是經緯度傳給initMap功能創建的地圖對象。這意味着地圖對象被創建，但沒有更新地圖ID的div！在Error Code listed谷歌網頁上的

沒有發生。

來源

2017-08-08 Ciasto piekarz

大多數這有什麼做的API密鑰的時代。確保您創建了一個正確的方式，並且已啓用並正在運行。希望我幫助。

來源

2017-08-08 16:54:25

我已得到下creditentials谷歌控制檯鍵，（我相信所有API密鑰對不同類型的谷歌應用程序的工作），我有這限制了我主持的相同的域名。 –

API密鑰應與您的目的相符。例如，如果您想要在Android設備和網站上添加Google地圖，則必須爲每個設備創建一個不同的密鑰。其次，儘量不要限制你的鑰匙。創建一個谷歌地圖JavaScript鍵沒有任何限制，並在您的網站中使用它。 –

你好@Apostolis，我不認爲它是與API密鑰，因爲在控制檯，將引發異常，我嘗試和發現。不過，我在開幕式中增加了更多信息。 –

谷歌地圖沒有出現在燒瓶應用

回答

相關問題