谷歌地圖和.ejs文件

我目前正在研究節點快遞應用程序，並且在實現Google地圖javascript api時遇到了問題。當我從谷歌網站獲取示例代碼並使用我的API密鑰將其放入正常的HTML頁面時，地圖運行良好。當我然後嘗試將此代碼放入.ejs文件並運行它時，屏幕上無法加載。在同一頁面上實施的控制器沒有問題，地圖不會出現。下面是我放入html文件的代碼，並嘗試放入.ejs文件。谷歌地圖和.ejs文件

<!DOCTYPE html> 
<html> 
    <head> 

    <meta name="viewport" content="initial-scale=1.0"> 
    <meta charset="utf-8"> 
    <style> 

     #map { 
     height: 100%; 
     } 

     html, body { 
     height: 100%; 
     margin: 0; 
     padding: 0; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="map"></div> 
    <script> 
     var map; 
     function initMap() { 
     map = new google.maps.Map(document.getElementById('map'), { 
      center: {lat: -34.397, lng: 150.644}, 
      zoom: 8 
     }); 
     } 
    </script> 
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD3AC6WEEZVQiqTVJsfbObHG-Pj6wwQaIc&callback=initMap" 
    async defer></script> 
    </body> 
</html>

來源

2017-03-15 TomasTub

它適用於我的ejs正確。控制檯中是否有錯誤？你也可以比較生成的HTML標記與預期...

來源

2017-03-15 15:55:43

谷歌地圖和.ejs文件

回答

相關問題