2012-07-17 67 views
5

我有一张路线图(多个目的地 - 不只是A,B,如下面的页面)。方向是可拖动的。我想保存更改后的路线。下面的页面是什么,我经过这里......Gmaps路线保存路线,航点

http://vikku.info/programming/google-maps-v3/draggable-directions/saving-draggable-directions-saving-waypoints-google-directions-google-maps-v3.htm

下面是我得到了什么:

google.maps.event.addListener(directionsDisplay, 'directions_changed', function() { 
      console.log('reroute'); 

      var rleg_count = directionsDisplay.directions.routes[0].legs.length; 

      data.start = { 
       'lat':directionsDisplay.directions.routes[0].legs[0].start_location.lat(), 
       'lng':directionsDisplay.directions.routes[0].legs[0].start_location.lng() 
      }; 
      data.end = { 
       'lat':directionsDisplay.directions.routes[0].legs[rleg_count-1].end_location.lat(), 
       'lng':directionsDisplay.directions.routes[0].legs[rleg_count-1].end_location.lng() 
      }; 

      var wp=[]; 
      var w = []; 
      var route = directionsDisplay.directions.routes[0]; 
      for (var l = 0; l < route.legs.length; l++) 
      { 
       for(var j = 0; j < route.legs[l].via_waypoints.length; j++) 
       { 
        w.push({ 
         location:{'lat':route.legs[l].via_waypoints[j].lat(), 'lng':route.legs[l].via_waypoints[j].lng()}, 
         stopover:true 
        }); 
       } 
      } 

      data.waypoints = w; 
     }); 

而且SetRoute功能:

function setRoute(os) 
    { 
     var wp = []; 
     for(var i=0;i<os.waypoints.length;i++) 
     { 
      wp[i] = { 
       'location': new google.maps.LatLng(os.waypoints[i].location.lat, os.waypoints[i].location.lng), 
       'stopover': os.waypoints[i].stopover 
      } 
     } 

     var request = { 
      'origin':new google.maps.LatLng(os.start.lat, os.start.lng), 
      'destination':new google.maps.LatLng(os.end.lat, os.end.lng), 
      'waypoints': wp, 
      optimizeWaypoints: false, 
      avoidHighways: false, 
      avoidTolls: false, 
      travelMode: google.maps.TravelMode.DRIVING, 
     } 

     directionsService.route(request, function(res,sts){ 
      // console.log(res); 
      // console.log(sts); 
      if(sts=='OK') 
       directionsDisplay.setDirections(res); 
     }); 
    } 

的问题是如果只有2个目的地(A,B),则代码有效,但只要有更多的目的地...它不能正常工作......它会忽略其他目的地

据我已经能够告诉航点是正确的。似乎有多个目的地的问题,我不知道如何纠正它。

谢谢!

回答

0

我已成功地用下面的更新我的代码解决这个问题:

google.maps.event.addListener(directionsDisplay, 'directions_changed', function() { 
      console.log('reroute'); 

      var rleg_count = directionsDisplay.directions.routes[0].legs.length; 

      data.start = { 
       'lat':directionsDisplay.directions.routes[0].legs[0].start_location.lat(), 
       'lng':directionsDisplay.directions.routes[0].legs[0].start_location.lng() 
      }; 
      data.end = { 
       'lat':directionsDisplay.directions.routes[0].legs[rleg_count-1].end_location.lat(), 
       'lng':directionsDisplay.directions.routes[0].legs[rleg_count-1].end_location.lng() 
      }; 

      var wp=[]; 
      var w = []; 
      var route = directionsDisplay.directions.routes[0]; 
      for (var l = 0; l < route.legs.length; l++) 
      { 
        // Skip first and last leg - for more than 2 legs 
      if(l != 0 || l != rleg_count-1) 
      { 
/* start solution */ 
       w.push({ 
        location:{'lat':route.legs[l].start_location.lat(), 'lng':route.legs[l].start_location.lng()}, 
        stopover:true 
       }); 
      } 
/* end solution */ 
       for(var j = 0; j < route.legs[l].via_waypoints.length; j++) 
       { 
        w.push({ 
         location:{'lat':route.legs[l].via_waypoints[j].lat(), 'lng':route.legs[l].via_waypoints[j].lng()}, 
         stopover:false 
        }); 
       } 
      } 

      data.waypoints = w; 
     });