Javascript 如何在位置跟踪google API中添加多个纬度和经度

Javascript 如何在位置跟踪google API中添加多个纬度和经度,javascript,google-maps,Javascript,Google Maps,在这里我做位置跟踪,在这个谷歌API两个位置(lat,lng)只提供。但我需要再添加一个位置(lat、lng)。我如何才能做到这一点?我花了更多的时间,但我无法找到解决方案。这里有两个花边,所以地图标记显示像A和B,假设我再加一个,它应该显示A和B以及C 函数initMap(){ var directionsDisplay=新建google.maps.DirectionsRenderer; var directionsService=新的google.maps.directionsServic

在这里我做位置跟踪,在这个谷歌API两个位置(lat,lng)只提供。但我需要再添加一个位置(lat、lng)。我如何才能做到这一点?我花了更多的时间,但我无法找到解决方案。这里有两个花边,所以地图标记显示像A和B,假设我再加一个,它应该显示A和B以及C

函数initMap(){
var directionsDisplay=新建google.maps.DirectionsRenderer;
var directionsService=新的google.maps.directionsService;
var map=new google.maps.map(document.getElementById('map'){
缩放:14,
中心:{lat:12.9577129,lng:77.6764937}
});
方向显示.setMap(地图);
计算显示路线(方向服务、方向显示);
document.getElementById('mode')。addEventListener('change',function(){
计算显示路线(方向服务、方向显示);
});
}
函数calculateAndDisplayRoute(方向服务、方向显示){
var selectedMode=document.getElementById('mode')。值;
方向服务.路线({
产地:{lat:12.9577129,lng:77.6764937},//Haight。
目的地:{lat:12.9630167,lng:77.6268656},//Domlur。
//注意,Javascript允许我们访问常量
//使用方括号和字符串值作为
//“财产。”
travelMode:google.maps.travelMode[selectedMode]
},功能(响应、状态){
如果(状态=‘正常’){
方向显示。设置方向(响应);
}否则{
window.alert('由于'+状态,指示请求失败);
}
});
}

双向行驶模式
/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高:100%;
}
/*可选:使示例页面填充窗口*/
html,正文{
身高:100%;
保证金:0;
填充:0;
}
#浮动面板{
位置:绝对位置;
顶部:10px;
左:25%;
z指数:5;
背景色:#fff;
填充物:5px;
边框:1px实心#999;
文本对齐:居中;
字体系列:“Roboto”,“sans-serif”;
线高:30px;
左侧填充:10px;
}
旅行方式:
驱动
行走
骑自行车
换乘
您需要的是

航路点由以下字段组成:

位置(必需)指定航路点的地址

中途站(可选)指示此航路点是路线上的实际站点(true),还是仅为路线通过的首选站点 指示的位置(错误)。默认情况下,中途停留为true

您可以将一个数组传递给DirectionService的
route()
方法。A可以是这样的:

var waypoint = {
    location: {lat: 12.9590167, lng: 77.7064937},
    stopover: true
}

// or

var waypoint = {
    location: 'Some address, city',
    stopover: true
}
你也可以看到谷歌的例子

函数initMap(){
var directionsDisplay=新建google.maps.DirectionsRenderer;
var directionsService=新的google.maps.directionsService;
var map=new google.maps.map(document.getElementById('map'){
缩放:14,
中心:{lat:12.9577129,lng:77.6764937}
});
方向显示.setMap(地图);
计算显示路线(方向服务、方向显示);
document.getElementById('mode')。addEventListener('change',function(){
计算显示路线(方向服务、方向显示);
});
}
函数calculateAndDisplayRoute(方向服务、方向显示){
var selectedMode=document.getElementById('mode')。值;
/*配置航路点*/
var-waypts=[];
推({
地点:{lat:12.9590167,lng:77.7064937},
中途停留:对
},{
地点:{lat:12.9600167,lng:77.7364937},
中途停留:对
});
方向服务.路线({
产地:{lat:12.9577129,lng:77.6764937},//Haight。
目的地:{lat:12.9630167,lng:77.6268656},//Domlur。
//注意,Javascript允许我们访问常量
//使用方括号和字符串值作为
//“财产。”
travelMode:google.maps.travelMode[selectedMode],
航路点:航路点
},功能(响应、状态){
如果(状态=‘正常’){
方向显示。设置方向(响应);
}否则{
window.alert('由于'+状态,指示请求失败);
}
});
}
。作为控制台包装器{
显示:无!重要;
}

双向行驶模式
/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高:100%;
}
/*可选:使示例页面填充窗口*/
html,正文{
身高:100%;
保证金:0;
填充:0;
}
#浮动面板{
位置:绝对位置;
顶部:10px;
左:25%;
z指数:5;
背景色:#fff;
填充物:5px;
边框:1px实心#999;
文本对齐:居中;
字体系列:“Roboto”,“sans-serif”;
线高:30px;
左侧填充:10px;
}
旅行方式:
驱动
行走
骑自行车
换乘

这里我们有两个值(lat,lng),目的地我们有一个值(lat,lng)。为什么我们要这样做,@subikshann有一些文档链接,请去那里阅读。W