Javascript 向google方向添加距离矩阵
帮助我谷歌方向,包括距离矩阵 在我的网站上,我使用下面的代码获得谷歌地图。我应该添加什么代码来显示往返距离和旅行时间 多谢各位Javascript 向google方向添加距离矩阵,javascript,google-maps,google-maps-api-3,directions,Javascript,Google Maps,Google Maps Api 3,Directions,帮助我谷歌方向,包括距离矩阵 在我的网站上,我使用下面的代码获得谷歌地图。我应该添加什么代码来显示往返距离和旅行时间 多谢各位 <div style="width: 298px;"> <div id="map" style="width: 298px; height: 400px; float: left;"></div> var directionservice=new google.maps.directionservice(); var d
<div style="width: 298px;">
<div id="map" style="width: 298px; height: 400px; float: left;"></div>
var directionservice=new google.maps.directionservice();
var directionsDisplay=new google.maps.DirectionsRenderer();
var map=new google.maps.map(document.getElementById('map'){
缩放:7,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
方向显示.setMap(地图);
directionsDisplay.setPanel(document.getElementById('panel');
var请求={
来源:'',
目标:“”,
travelMode:google.maps.Directions travelMode.DRIVING
};
路由(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
方向显示。设置方向(响应);
}
});
进行以下更改:
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
var myRoute = response.routes[0].legs[0];
var duration = myRoute.duration.value;
var distance = myRoute.distance.value;
});
还要注意,此代码仅用于演示。您需要修改代码以检查存在多条路线、分支的情况。
有关详细信息,请参见,这是我正在使用的解决方案: 首先添加将以HTML显示数据的元素。我使用的输入元素如下:
<input type="text" name="distance" id="distance" readonly="true" />
<input type="text" name="distance" id="distance" readonly="true" />
var distanceInput = document.getElementById('distance');
distanceInput.value = response.routes[0].legs[0].distance.value / 1000;