2

我正在使用 Google Maps API v3 并尝试提供“显示下一条路线”按钮，用户可以在其中循环浏览所有可用路线。

我已经让它显示了第一条路线，但是当我使用 DirectionsRenderer 类的 routeIndex 属性时，它只返回第一条路线。

难道我做错了什么？代码粘贴在下面。我一直使用的测试路线一共有三个路线。如果我将 routeIndex 属性设置为 1，它仍会显示数组中的第一条路由（基本上是 routeIndex[0]）。

function showDirections() {
// show contact buttons
$(".contact-route-button").css({display:"block"});

// add 1 to count
count++;

// If this function has been run before, clear the directions
if(count > 1){
    // Clear map
    directionsDisplay.setMap(null);
    //Clear Route List
    document.getElementById('directions').innerHTML = "";
}

// Set map to render directions
directionsDisplay = new google.maps.DirectionsRenderer({
    map: map,
    /*preserveViewport: true,*/
    draggable: true,
    routeIndex: 1
});

// Remove hidden class form text explaning driving directions
$('#drive-text').fadeIn("fast").removeClass('hidden');

// Hide paragraph under directions form
$(".section.grids-two.maximum-780.clearfix .grid.grid-2").fadeOut("fast");

// SlideToggle panel about random fact
$(".random-fact").slideDown("fast").css({display:"block"});

// Set Panel that will display driving directions
directionsDisplay.setPanel(document.getElementById('directions'));

// Get address input text
var address = document.getElementById('dir-address').value;

// Create request to send to Google starting at the address provided
var request = {
    origin: address,
    destination: '531 E Market Street Indianapolis, IN 46204',
    travelMode: google.maps.TravelMode.DRIVING,
    unitSystem: google.maps.UnitSystem.STANDARD,
    provideRouteAlternatives: true
};


// Send request and display on map and directions box
directionsService.route(request, function(response, status) {
    if (status === google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(response);
        totalRoutes = countRoutes(response);
    }
});
}

有任何想法吗？我遵循的说明在 Google Maps API 文档中，https://developers.google.com/maps/documentation/javascript/reference#DirectionsRendererOptions

提前致谢！！

4

1 回答 1

1

似乎routeIndex只有当directions-property 在directionsRenderer 中可用时才有效。您可以使用：

 directionsDisplay.setOptions({directions:response,routeIndex:1});

...什么会同时设置，directions和routeIndex

于 2013-03-08T23:19:12.633 回答