Google maps 在谷歌地图上显示到同一目的地的多条路线,可能吗?
我尝试创建多条到同一目的地的路由,所以我尝试循环这个函数,使用不同的params*startatlong值Google maps 在谷歌地图上显示到同一目的地的多条路线,可能吗?,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我尝试创建多条到同一目的地的路由,所以我尝试循环这个函数,使用不同的params*startatlong值 function initialize() { var directionsService = new google.maps.DirectionsService(); var directionsDisplay = new google.maps.DirectionsRenderer(); map = new google.maps.Map( docume
function initialize() {
var directionsService = new google.maps.DirectionsService();
var directionsDisplay = new google.maps.DirectionsRenderer();
map = new google.maps.Map(
document.getElementById("map_canvas"), {
center: new google.maps.LatLng(-6.174465,106.822745),
zoom: 11,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
directionsService = new google.maps.DirectionsService();
displayRoute(map.getCenter());
displayRoute({lat:-6.225014,lng:106.900447})
}
function displayRoute(startLatLong) {
var start = startLatLong;
var end = '-6.2451528, 106.7923695';
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);
var myRoute = response.routes[0];
var txtDir = '';
for (var i=0; i<myRoute.legs[0].steps.length; i++) {
txtDir += myRoute.legs[0].steps[i].instructions+"<br />";
}
document.getElementById('directions').innerHTML = txtDir;
}
});
}
函数初始化(){
var directionsService=new google.maps.directionsService();
var directionsDisplay=new google.maps.DirectionsRenderer();
map=新建google.maps.map(
document.getElementById(“地图画布”){
中心:新的google.maps.LatLng(-6.174465106.822745),
缩放:11,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
directionsService=new google.maps.directionsService();
显示路由(map.getCenter());
显示路线({lat:-6.225014,lng:106.900447})
}
功能显示路由(STARTATLONG){
var start=STARTATLONG;
var end='-6.2451528106.7923695';
var请求={
来源:start,
目的地:完,
travelMode:google.maps.Directions travelMode.DRIVING
};
路由(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
方向显示。设置方向(响应);
var myRoute=response.routes[0];
var txtDir='';
对于(var i=0;i如果要同时显示多个方向,则需要为每个方向分别设置一个DirectionsRenderer
对象:
function displayRoute(startLatLong) {
var start = startLatLong;
var end = '-6.2451528, 106.7923695';
var request = {
origin:start,
destination:end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
$scope.directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
var directionsDisplay = new google.maps.DirectionsRenderer({map:map, preserveViewport: true});
directionsDisplay.setDirections(response);
} else alert("directions request failed: status:"+status)
});
}
代码片段:
var地理编码器;
var映射;
var$scope={};
函数初始化(){
map=新建google.maps.map(
document.getElementById(“地图画布”){
中心:新google.maps.LatLng(-6.174465106.822745),
缩放:11,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
$scope.directionsService=新的google.maps.directionsService();
显示路由(map.getCenter());
显示路线({
lat:-6.225014,
液化天然气:106.900447
});
显示路线({
lat:-6.202394,
液化天然气:106.65271
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
功能显示路由(STARTATLONG){
var start=STARTATLONG;
var end='-6.2451528106.7923695';
var请求={
来源:start,
目的地:完,
travelMode:google.maps.Directions travelMode.DRIVING
};
$scope.directionsService.route(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
var directionsDisplay=新建google.maps.DirectionsRenderer({
地图:地图,
保存视口:true
});
方向显示。设置方向(响应);
}else警报(“指示请求失败:状态:“+状态”)
});
}
html,
身体,
#地图画布{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}
如果要同时显示多个方向,则需要为每个方向分别设置一个方向渲染器
对象:
function displayRoute(startLatLong) {
var start = startLatLong;
var end = '-6.2451528, 106.7923695';
var request = {
origin:start,
destination:end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
$scope.directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
var directionsDisplay = new google.maps.DirectionsRenderer({map:map, preserveViewport: true});
directionsDisplay.setDirections(response);
} else alert("directions request failed: status:"+status)
});
}
代码片段:
var地理编码器;
var映射;
var$scope={};
函数初始化(){
map=新建google.maps.map(
document.getElementById(“地图画布”){
中心:新google.maps.LatLng(-6.174465106.822745),
缩放:11,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
$scope.directionsService=新的google.maps.directionsService();
显示路由(map.getCenter());
显示路线({
lat:-6.225014,
液化天然气:106.900447
});
显示路线({
lat:-6.202394,
液化天然气:106.65271
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
功能显示路由(STARTATLONG){
var start=STARTATLONG;
var end='-6.2451528106.7923695';
var请求={
来源:start,
目的地:完,
travelMode:google.maps.Directions travelMode.DRIVING
};
$scope.directionsService.route(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
var directionsDisplay=新建google.maps.DirectionsRenderer({
地图:地图,
保存视口:true
});
方向显示。设置方向(响应);
}else警报(“指示请求失败:状态:“+状态”)
});
}
html,
身体,
#地图画布{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}