我正在使用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});
…什么将设置, directions
和routeIndex
需要了解更多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