Google Maps航点不起作用

Question

因此，我不知道此代码有什么问题，需要帮助。

我希望用户输入起点，航点和终点地址。

var start = document.getElementById('start').value;

var way = document.getElementById('way').value;

var end = document.getElementById('end').value;


var request = 
     {

       origin: start,

       destination: end,

       waypoints: way,

       travelMode: google.maps.DirectionsTravelMode.DRIVING

    };

................................................... ............................

 <strong>Start:</strong>

  <input id="start" type="text" ></input>

  <strong>Waypoint:</strong>

  <input id="way" type="text" ></input>

  <strong>End:</strong>

  <input id="end" type="text" ></input>

似乎不明白我在哪里弄错了，并在此先感谢您的解释。

Answer 1

根据文档， waypoints应为数组

如果只有一个，请使用

waypoints: [way],

传递单个元素的数组。

Answer 2

航点是DirectionsWaypoint对象的数组。 这些对象包含一个LatLng对象或地址字符串以及一个Boolean stopover属性。

尝试这个：

var waypoints = [];

waypoints.push({
     location:document.getElementById('way').value,
     stopover:true // true by default. Technically this property is optional.
});

这是使用航点的Google示例应用 。