OpenRouteService方向应用编程接口用法

Question

因此，我正在尝试使用开放路由服务方向API https://openrouteservice.org/dev/#/api-docs/directions/get，但到目前为止，我找不到任何关于如何使用它的教程。

对于初学者的问题，我很抱歉..这是我尝试使用的代码：

​

var request = new XMLHttpRequest();

request.open('GET', 'https://api.openrouteservice.org/directions?api_key=<API-KEY>&coordinates=24.942729,37.443186%7C24.943709,37.444405&profile=cycling-regular');

request.onreadystatechange = function () {
  if (this.readyState === 4) {
    console.log('Status:', this.status);
    console.log('Headers:', this.getAllResponseHeaders());
    console.log('Body:', this.responseText);
  }
};

request.send();

​

问题是开始和结束坐标的值都在链接中，我如何在其中放入一个变量，以便每次用户登录一个新的坐标值时，它都会在链接中更新？

Answer 1

您可以简单地使用POST方法，而不是Get，并在主体中以JSON数据的形式发送数据。如下所示：

​

let request = new XMLHttpRequest();

request.open('POST', "https://api.openrouteservice.org/v2/directions/cycling-regular/geojson");

request.setRequestHeader('Accept', 'application/json, application/geo+json, application/gpx+xml, img/png; charset=utf-8');
request.setRequestHeader('Content-Type', 'application/json');
request.setRequestHeader('Authorization', '5b3ce3597851110001cf62488303e1e1bcb64deb91105af7032e30d4');

request.onreadystatechange = function () {
  if (this.readyState === 4) {
    console.log('Status:', this.status);
    console.log('Headers:', this.getAllResponseHeaders());
    console.log('Body:', this.responseText);
  }
};

const body = '{"coordinates":[[-73.47882,45.56434],[-73.4853,45.5578]],"maneuvers":"false","options":{"avoid_features":["steps"]}}';

request.send(body);

​