相关疑难解决方法(0)

用于在Google Maps v3上创建多个路线的阵列

我有一个谷歌地图项目,我想做一个数组来使用方向创建多个路线.例如,我单击地图并显示名为"A"的标记,当我第二次单击时,显示名为"B"的标记.好的,这是有效的.

但是当我第三次点击时我想显示一个新的"A"点而第四次点击一个新的"B"时,不需要删除其他路线.我只想显示多个路由,我知道我需要创建一个数组,但我不知道我把数组放在哪里等等.我会在这里发布我的代码,如果有人可以为我创建一个例子将是非常有帮助.

这是我的榜样

这是我没有多条路线的恢复代码:

var wayA ;
var wayB;
var doRoute = true;

 if (doRoute == true){
      doRoutes();   
  }    
function doRoutes()
{   
    google.maps.event.addListener(map, "click", function(event) {

        if (!wayA) {
        wayA = new google.maps.Marker({

          position: event.latLng,
          map: map            
        });
        }else if (wayA){
        wayB = new google.maps.Marker({

          position: event.latLng,
          map: map

        });         

        ren = new google.maps.DirectionsRenderer( {'draggable':true} );
    ren.setMap(map);
    ren.setPanel(document.getElementById("directionsPanel"));
    ser = new google.maps.DirectionsService();

ser.route({ 'origin': wayA.getPosition(), 'destination':  wayB.getPosition(), 'travelMode': google.maps.DirectionsTravelMode.DRIVING},function(res,sts) {
        if(sts=='OK')ren.setDirections(res);    
        })          
        }
 });
}     
}
Run Code Online (Sandbox Code Playgroud)

这是决议:

var map, ren, …
Run Code Online (Sandbox Code Playgroud)

javascript arrays google-maps-api-3 google-directions-api

4
推荐指数
1
解决办法
8878
查看次数