为什么我的Google Maps API请求在服务器上运行时无效

时间:2017-10-18 23:55:12

标签: javascript google-api geolocation geocoding

我正试图找到一种方法来计算从一个位置到另一个位置的交通距离。我找到了一个在我的浏览器中完美运行的脚本,但是当我将它上传到我的Web服务器然后打开它时。

它不起作用。

我从谷歌那里得到了一把钥匙,但无法弄清楚如何将其添加到剧本中。

以下是实际代码



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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

您可以在Google Maps API代码的src属性中的网址查询字符串中指定script密钥:

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