jQuery技术:Google Maps API v3:routeIndex无效?

我正在使用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

提前致谢!!

    看起来routeIndex仅在directions中提供directions -property时才有效。 你可以使用:

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

    …什么将设置, directionsrouteIndex

    需要了解更多jQuery教程分享Google Maps API v3:routeIndex无效?,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

      以上就是jQuery教程分享Google Maps API v3:routeIndex无效?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/981509.html

      (0)
      上一篇 2021年12月12日
      下一篇 2021年12月12日

      精彩推荐