0

ルートが計算されたときにルートリクエストの原点からlatlngを取得する方法が不思議です。 作成したルートの原点を中心に円を描いてみたいと思います。Google maps API - ルートの原点からlatlngを取得しますか?

function calcRoute() { 
start = document.getElementById("start").value; //value from start textbox 
end = document.getElementById("end").value; //value from end textbox 

var request = { 
    origin: start, 
    destination: end, 
    travelMode: google.maps.TravelMode.DRIVING 
}; 
directionsService.route(request, function(result, status) { 
    //if route can be generated 
    if (status == google.maps.DirectionsStatus.OK) { 
     directionsDisplay.setDirections(result); 

     //circle.setCenter(); 

    }else{ 
     //display window alert with status error 
     window.alert('Directions request failed due to ' + status); 
    } 
}); 
} 

場所のすべてのタイプを返す私の初期化関数内でのGoogleのdevのページからオートコンプリートの方法を使用し、出発地と目的地のために使用されているテキストボックス。調査

//autocomplete section 
var inputStart = document.getElementById('start'); 
var optionsStart = {}; //Empty which will return all types 
autocomplete = new google.maps.places.Autocomplete(inputStart, optionsStart); 

var inputEnd = document.getElementById('end'); 
var optionsEnd = {}; //Empty which will return all types 
autocomplete = new google.maps.places.Autocomplete(inputEnd, optionsEnd); 
//-------------------------------------------------- 

IVEは、私はちょうど私がしたいか、これは私のコードは今の方法で行うことができ、データを盗んためにジオコーダを使用し、その後のアドレスを返す必要があります。

私はこのコードを見たことがありますが、これも役立ちそうなら実装方法はわかりません。そううまくいく

result.routes[0].legs[0].start_location; 

答えて

0

...

result.routes[0].legs[0].start_locationLatLng objectです。

これを使ってマーカーを作成したり、円の中心点を設定したりできます。私たちは、あなたが円を作成するコードを見逃しています。しかし、あなたはそのようなこと行うことができます:

circle.setCenter(result.routes[0].legs[0].start_location); 

をし、あなたのサークルがまだ作成されていない場合:

以下
var circleOptions = { 
    fillColor: '#FFFFFF', 
    fillOpacity: 0.25, 
    map: map, 
    center: result.routes[0].legs[0].start_location, 
    radius: 10000 
}; 

var circle = new google.maps.Circle(circleOptions); 

は完全な例である:

JSFiddle demo

+0

ああはあなたに感謝します私は変数としてlatlngを宣言し、変数をsetCenterパラメータに入力しようとしましたが、動作していませんでした..ありがとう!今、私はちょっとしたスライダでレディオスを編集できるようにする必要があります。再度、感謝します。 – aa29

+0

ようこそ。しかし、 'var xxx = result.routes [0] .legs [0] .start_location'を実行し、その変数を' setCenter() 'で使用すると、うまくいかない理由はありません...しかし、 ** **リクエスト機能内**。 – MrUpsidown

関連する問題