爲什麼我的Google Maps API請求在服務器上運行時不起作用

我正試圖找到一種方法來計算從一個位置到另一個位置的流量距離。我發現了一個在我的瀏覽器中完美運行的腳本，但是當我將它上傳到我的Web服務器並打開它時。爲什麼我的Google Maps API請求在服務器上運行時不起作用

它不起作用。

我得到了谷歌的一個關鍵，但不知道如何將其添加到腳本。

下面是實際的代碼

var directionsService = new google.maps.DirectionsService(); 
 

 
var request = { 
 
    origin  : 'amsterdam', 
 
    destination : 'rome', 
 
    travelMode : google.maps.DirectionsTravelMode.DRIVING 
 
}; 
 

 
directionsService.route(request, function(response, status) { 
 
    if (status == google.maps.DirectionsStatus.OK) { 
 
    var output = response.routes[0].legs[0].distance.value; 
 
    document.getElementById("dump").innerHTML = output; 
 
    
 
    } 
 
    else { 
 

 
    } 
 
});

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> 
 
<p id="dump"></p>

來源

2017-10-18 flashbang

您可以在URL中指定的查詢字符串的Google Maps API鍵，在src屬性script標籤：

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=YOUR_API_KEY"></script>

來源

2017-10-19 00:06:09 ncardeli

爲什麼我的Google Maps API請求在服務器上運行時不起作用

回答

相關問題