Google Direction Service - 現在地から指定された目的地までの経路

Question

これは現在、ユーザーが選択した内容に応じて、自動車または乗り継ぎのルートを表示するスクリプトです。

誰でもこのスクリプトを使用して、現在の場所とルートを設定して、起点をlat + longの宛先に設定する方法を知っていますか。

私は現在、スクリプト内でこれを統合する方法を見つけることができませんでした。どんな助けでも大歓迎です！ Googleの方向のAPIで

 function initMap() { 
 
     var directionsDisplay = new google.maps.DirectionsRenderer; 
 
     var directionsService = new google.maps.DirectionsService; 
 
      
 
     var map = new google.maps.Map(document.getElementById('map'), { 
 
      zoom: 14, 
 
      center: {lat: *VALUE*, lng: *VALUE*} 
 
     }); 
 
     directionsDisplay.setMap(map); 
 
     directionsDisplay.setPanel(document.getElementById('right-panel')); 
 

 
     calculateAndDisplayRoute(directionsService, directionsDisplay); 
 
     document.getElementById('mode').addEventListener('change', function() { 
 
      calculateAndDisplayRoute(directionsService, directionsDisplay); 
 
     }); 
 
     } 
 

 
     function calculateAndDisplayRoute(directionsService, directionsDisplay) { 
 
     var selectedMode = document.getElementById('mode').value; 
 
     directionsService.route({ 
 
      origin: {lat: *VALUE*, lng: *VALUE*}, // Haight. 
 
      destination: {lat: *VALUE*,lng: *VALUE*}, // Ocean Beach. 
 
      // Note that Javascript allows us to access the constant 
 
      // using square brackets and a string value as its 
 
      // "property." 
 
      travelMode: google.maps.TravelMode[selectedMode], 
 
      transitOptions: { 
 
      arrivalTime: new Date(1489242600000), 
 
      routingPreference: 'FEWER_TRANSFERS' 
 
     }, 
 
      unitSystem: google.maps.UnitSystem.IMPERIAL, 
 
      provideRouteAlternatives: true 
 
     }, function(response, status) { 
 
      
 
      if (status == 'OK') { 
 
      directionsDisplay.setDirections(response); 
 
      } else { 
 
      window.alert('Directions request failed due to ' + status); 
 
      } 
 
     }); 
 
     }

Answer 1

あなたが追加することができますパラメータものを読むことができます。あなたの場合、複数の停留所でルートを作る予定の場合は、出発地と目的地、そしておそらくウェイポイントが必要になります。下記のリンクで

https://developers.google.com/maps/documentation/directions/intro#Waypoints

あなたは複数の方法でポイントを選択することができる方法の例があります。場所については、Geolocationを使用して緯度と経度を取得できます。これらはoriginパラメータのcalculateAndDisplay関数で実装できます。

directionsService.route({ 
      origin: //here you can put lat/long or a name 
      destination: //here you can put lat/long or a name 
      waypoints: // waypoints expect an Array of locations or lat/long 
      optimizeWaypoints: true, 
      travelMode: 'DRIVING' 
}, 

https://developers.google.com/maps/documentation/javascript/examples/directions-waypoints