为啥我的 Google Maps API 请求在服务器上运行时不起作用

Posted 2023-02-23

【中文标题】为啥我的 Google Maps API 请求在服务器上运行时不起作用

【英文标题】：Why does my Google Maps API Request not work when I run it on a server为什么我的 Google Maps API 请求在服务器上运行时不起作用

【发布时间】：2017-10-18 23:55:12

【问题描述】：

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

它不起作用。

我从 Google 获得了一个密钥，但不知道如何将其添加到脚本中。

这是实际代码

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>

【参考方案1】：

您可以在URL的查询字符串中指定Google Maps API键，在script标签的src属性中：

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