javascript - google map api错误：属性错误：

Question

我正在尝试在 google maps api 上设置一些航点，但得到以下错误。我知道这与设置对象有关，但我似乎无法正确处理。我也找不到任何关于它的确切文章。

Error: Error in property <waypoints>: (Invalid value: Ballybricken, Waterford, Ireland,The Glen, Waterford (Error in element at position 0: (Unknown property <0>)))

我的代码

var waypts = ["Ballybricken, Waterford, Ireland", "The Glen, Waterford"];
drawPolyline('Waterford Regional Hospital', 'Hillview, Waterford, Ireland', waypts);


function drawPolyline(source,destination,waypoints){
        // show route between the points
        directionsService = new google.maps.DirectionsService();
        directionsDisplay = new google.maps.DirectionsRenderer(
        {
            suppressMarkers: true,
            suppressInfoWindows: true,
            polylineOptions: { strokeColor: '#000000', strokeOpacity: 0.5 } 
        });
        directionsDisplay.setMap(map);
        var request = {
            origin:source, 
            destination:destination,
            waypoints:waypoints,
            travelMode: google.maps.DirectionsTravelMode.DRIVING
        };
        directionsService.route(request, function(response, status) 
        {
            if (status == google.maps.DirectionsStatus.OK) 
            {
                directionsDisplay.setDirections(response);

            }
        });

}

Answer 1

航路点不是地址或纬度，它是一个由（必需）location成员和（可选）stopover成员组成的对象，因此您的数组应如下所示：

var waypts = [{location:"Ballybricken"},
              {location:"Waterford"},
              {location:"Ireland"},
              {location:"The Glen"},
              {location:"Waterford"}];