地図上のGoogleの「方向」ボックスを表示します
-
26-09-2019 - |
質問
私はウェブサイトにGoogleマップを実装しています。
一つの要件は、方向を表示することですが1つの、Googleマップの用途と同じフィールドを含む、ボックス、およびそのユーザーがボタンをクリックするとポップアップします。
私はGoogle MapsのAPIを使用して、2つの異なる場所の間に線を引くことを可能にすることを認識しています。
は、それが可能自分のAPIを使用して、というよりもボックスをコーディング方向が自身ボックスを表示しますか?
をしてください注:の私はの最初のの方向が形成に言及しています - つまり、あなたが「A」と「B」の目的地を入力し、クリックしてその中にフォームの取得方向ます。
解決
はい、DirectionsRenderer
をレンダリングすることができ、自動的に「方向はボックス」。単にあなたのHTMLに<div id="dir_box">
を作成し、DirectionsRenderer
メソッドを介して、あなたのsetPanel()
オブジェクトに渡します:
directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);
directionsDisplay.setPanel(document.getElementById('dir_box'));
からこの例をチェック基本的な例GoogleマップAPIチュートリアル:
所属していません StackOverflow