Google maps 在谷歌地图上显示多条路线
我试图在同一张地图上显示多条路线,但无法这样做 不管我做什么,我只有一条路线Google maps 在谷歌地图上显示多条路线,google-maps,Google Maps,我试图在同一张地图上显示多条路线,但无法这样做 不管我做什么,我只有一条路线 function calcRoute() { var start = document.getElementById('start').value; var end = document.getElementById('end').value; var request = { origin: start, destination:
function calcRoute() {
var start = document.getElementById('start').value;
var end = document.getElementById('end').value;
var request = {
origin: start,
destination: end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
}
任何指针都会有帮助。您是否尝试了以下操作?
在这里,我捕获了一条路径并显示了它。您可以通过编写
pointsArray=result.routes[1]来执行相同的操作编码>并在新循环中显示它
directionsService.route (request, function (result, status)
{
if (status == google.maps.DirectionsStatus.OK)
{
directionsDisplay.setDirections (result);
pointsArray = result.routes[0].overview_path;
var i = 0;
var j = 0;
for (j = 0; j < pointsArray.length; j++)
{
var point1 = new google.maps.Marker ({
position:pointsArray [j],
draggable:false,
map:map,
flat:true
});
}
}
});
directionsService.route(请求、功能(结果、状态)
{
if(status==google.maps.directionstatus.OK)
{
方向Display.setDirections(结果);
pointsArray=result.routes[0]。概述\u路径;
var i=0;
var j=0;
对于(j=0;j
我也有同样的问题。在谷歌地图的谷歌小组上展示了如何做到这一点
作者(谷歌员工)写道:
您应该能够创建两个DirectionRenderer对象,每个对象
使用相同的贴图和不同的方向结果
var map = new google.maps.Map(document.getElementById("map_canvas"));
function renderDirections(result) {
var directionsRenderer = new google.maps.DirectionsRenderer;
directionsRenderer.setMap(map);
directionsRenderer.setDirections(result);
}
var directionsService = new google.maps.DirectionsService;
function requestDirections(start, end) {
directionsService.route({
origin: start,
destination: end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
}, function(result) {
renderDirections(result);
});
}
requestDirections('Huntsville, AL', 'Boston, MA');
requestDirections('Bakersfield, CA', 'Vancouver, BC');
我试过了,它确实有效。是的,这样做的结果。路由[1]。概述\u路径;没有给我第二条路。@AJ。也许在这种情况下没有第二条路线?你也试过用不同的坐标系吗?无论如何,您能在这里展示您的实际代码(包含result.routes[1].overview\u path)供其他人测试吗?谢谢Anisha。是的,有3条路线。我将把我的代码片段粘贴到这里。