Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.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 谷歌地图API:同一地图上的多方向/路线_Javascript_Google Maps_Google Maps Api 3_Maps - Fatal编程技术网

Javascript 谷歌地图API:同一地图上的多方向/路线

Javascript 谷歌地图API:同一地图上的多方向/路线,javascript,google-maps,google-maps-api-3,maps,Javascript,Google Maps,Google Maps Api 3,Maps,我在同一张谷歌地图上显示多条路线时遇到问题 我有一份从控制员那里得到的职位列表(以这种形式)。 (7) [{…}, {…}, {…}, {…}, {…}, {…}, {…}] 0: arriveeLat: 48.784 arriveeLng: 2.40735 departLat: 48.9016 departLng: 2.29873 我希望所有路线都显示在同一张地图上。目前,只显示一条路线(可能是最后一条) var映射; 函数initMap()

我在同一张谷歌地图上显示多条路线时遇到问题

我有一份从控制员那里得到的职位列表(以这种形式)。

(7) [{…}, {…}, {…}, {…}, {…}, {…}, {…}]
     0:
     arriveeLat: 48.784
     arriveeLng: 2.40735
     departLat: 48.9016
     departLng: 2.29873
我希望所有路线都显示在同一张地图上。目前,只显示一条路线(可能是最后一条)

var映射;
函数initMap(){
var directionsService=新的google.maps.directionsService;
var directionsDisplay=新建google.maps.DirectionsRenderer;
map=new google.maps.map(document.getElementById('map'){
中心:{纬度:-34.397,液化天然气:150.644},
缩放:8
});
方向显示.setMap(地图);
var-listPos=;
对于(变量i=0;i
如果要在Google Maps Javascript API v3地图上显示来自DirectionService的多个响应,需要为每个要显示的路线创建一个:

for (var i = 0; i < listPos.length; i++) {
  var startPoint = new google.maps.LatLng(listPos[i]['departLat'], listPos[i]['departLng']);
  var endPoint = new google.maps.LatLng(listPos[i]['arriveeLat'], listPos[i]['arriveeLng']);
  var directionsDisplay = new google.maps.DirectionsRenderer({map: map});
  calculateAndDisplayRoute(directionsService, directionsDisplay, startPoint, endPoint);
}

var映射;
函数initMap(){
var directionsService=新的google.maps.directionsService;
map=new google.maps.map(document.getElementById('map'){
中心:{
lat:-34.397,
液化天然气:150.644
},
缩放:8
});
var listPos=[{
到达时间:48.784,
到达时间:2.2743419,
出发时间:48时9016分,
出发时间:2.29873
},
{
到达日期:48.8245306,
到达时间:2.40735,
部门:48.799815,
出发时间:2.257289
},
];
var bounds=new google.maps.LatLngBounds();
对于(变量i=0;i
for (var i = 0; i < listPos.length; i++) {
  var startPoint = new google.maps.LatLng(listPos[i]['departLat'], listPos[i]['departLng']);
  var endPoint = new google.maps.LatLng(listPos[i]['arriveeLat'], listPos[i]['arriveeLng']);
  var directionsDisplay = new google.maps.DirectionsRenderer({map: map});
  calculateAndDisplayRoute(directionsService, directionsDisplay, startPoint, endPoint);
}