Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向google方向添加距离矩阵_Javascript_Google Maps_Google Maps Api 3_Directions - Fatal编程技术网

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;