Javascript 如何在网络上的谷歌地图API中从基于GPS的位置导航到所需位置?

Javascript 如何在网络上的谷歌地图API中从基于GPS的位置导航到所需位置?,javascript,google-maps-api-3,gps,Javascript,Google Maps Api 3,Gps,我正在做一个项目,我想在谷歌地图API中显示从用户当前位置到固定位置的导航路径。到目前为止,我能够从A点导航到B点(两者都是静态的)并向用户显示当前位置。但是,我很难根据用户的当前位置来固定A点。我希望你们能帮我解决这个问题。 这是我的密码: 函数initMap(){ var directionsDisplay=新建google.maps.DirectionsRenderer; var directionsService=新的google.maps.directionsService; var

我正在做一个项目,我想在谷歌地图API中显示从用户当前位置到固定位置的导航路径。到目前为止,我能够从A点导航到B点(两者都是静态的)并向用户显示当前位置。但是,我很难根据用户的当前位置来固定A点。我希望你们能帮我解决这个问题。
这是我的密码:

函数initMap(){
var directionsDisplay=新建google.maps.DirectionsRenderer;
var directionsService=新的google.maps.directionsService;
var map=new google.maps.map(document.getElementById('map'){
缩放:14,
中心:{lat:19.0730,lng:72.8997}
});
方向显示.setMap(地图);
//
var infoWindow=new google.maps.infoWindow({map:map});
//试试HTML5地理定位。
if(导航器.地理位置){
navigator.geolocation.getCurrentPosition(函数(位置){
var pos={
纬度:位置坐标纬度,
lng:position.coords.longitude
};
信息窗口。设置位置(pos);
infoWindow.setContent('您在这里');
地图设置中心(pos);
},函数(){
handleLocationError(true,infoWindow,map.getCenter());
});
}否则{
//浏览器不支持地理位置
handleLocationError(false,infoWindow,map.getCenter());
}
功能手柄位置错误(浏览器具有地理位置、信息窗口、pos){
信息窗口。设置位置(pos);
infoWindow.setContent(browserHasGeolocation?
“错误:地理位置服务失败。”:
'错误:您的浏览器不支持地理位置。');
}
//
计算显示路线(方向服务、方向显示);
document.getElementById('mode')。addEventListener('change',function(){
计算显示路线(方向服务、方向显示);
});
}
功能计算和显示路线(方向服务、方向显示、pos){
var selectedMode=document.getElementById('mode')。值;
方向服务.路线({
产地:{lat:19.0730,lng:72.8997},//Haight。
目的地:{纬度:19.0730,液化天然气:72.8794},//海洋海滩。
//注意,Javascript允许我们访问常量
//使用方括号和字符串值作为
//“财产。”
travelMode:google.maps.travelMode[selectedMode]
},功能(响应、状态){
如果(状态=‘正常’){
方向显示。设置方向(响应);
}否则{
window.alert('由于'+状态,指示请求失败);
}
});
}
html,正文{
身高:100%;
保证金:0;
填充:0;
}
#地图{
身高:100%;
}
#浮动面板{
位置:绝对位置;
顶部:10px;
左:25%;
z指数:5;
背景色:#fff;
填充物:5px;
边框:1px实心#999;
文本对齐:居中;
字体系列:“Roboto”,“sans-serif”;
线高:30px;
左侧填充:10px;
}

驱动
行走
骑自行车
换乘