2016-11-23 9 views
0

'draggble'オプションを有効にして、Googleマップの方向サービスapi:https://developers.google.com/maps/documentation/javascript/directionsを正常に実装しました。ルートをホバリングしてドラッグボタン(スクリーンショット添付)のテキストラベルを変更することは可能ですか?現在のところ、それは言う: 'ドラッグで変更するルート'。私はそれを変更する必要があります。私は文書:https://developers.google.com/maps/documentation/javascript/referenceをチェックしましたが、何も見つかりませんでした。GoogleマップDirectionsサービスAPI '経路を変更するためにドラッグ'テキストの変更

現在のコードは次のようになります。私を助けてくださいhttps://developers.google.com/maps/documentation/javascript/examples/directions-draggable

。前もって感謝します!

enter image description here

更新:「はあまりにも多くの可能な答え、または良い答えがどちらかあります。この形式には長すぎるだろう回答セットを狭めるために詳細を追加してください:私はちょうどのためのダウン票が得ました。またはいくつかのパラグラフで答えることができる問題を特定することができます。 "。コードは提供されたURLで利用可能で、GoogleマップAPIを使用して利用可能なソリューションは1つしかないと思います。追加情報が必要な場合は、コメントを追加してください。

+0

コードを入力してください。以前はそのAPIを使用していましたが、決してそのボタンを見ませんでした。 – iceblade

+0

@iceblade:https://developers.google.com/maps/documentation/の '経路を変更するためにドラッグする'ツールチップが表示されますjavascript/examples/directions-draggable url自体です。 –

+0

@iceblade:ルートをドラッグするだけで、ツールチップの「Drag to change route」が表示されます。https://developers.google.com/maps/documentation/javascript/examples/directions-draggable –

答えて

1

おそらく私の答えはdownvotedされますが、おそらくそれはあなたの役に立つでしょう。それは単なるアイデアだとしましょう。方向が変更された後、ルートのツールチップを変更することができます。

 for (var i = 0; i < directionsDisplay.b.G.length; i++){ 
     directionsDisplay.b.G[i].setTitle('Marker ' + i + ' tooltip'); 
     } 

UPDATE: より一般的なコード:

directionsDisplay.addListener('directions_changed', function() { 
     setRouteTitle(directionsDisplay, 'The new tooltip'); 
    }); 

    function setRouteTitle(dirsDispl, newTitle){ 
     var ddObjKeys = Object.keys(dirsDispl); 
     for (var i = 0; i < ddObjKeys.length; i++){ 
      var obj = dirsDispl[Object(ddObjKeys)[i]]; 
      var ooObjKeys = Object.keys(obj); 
      for (var j = 0; j < ooObjKeys.length; j++){ 
       var ooObj = obj[Object(ooObjKeys)[j]]; 
       if ((ooObj) && (ooObj.hasOwnProperty('title')) && (ooObj.hasOwnProperty('shape')) && (ooObj.shape.type == 'circle')){ 
        ooObj.setTitle(newTitle); 
       } 
      } 
     } 
    }; 

directionsDisplay.addListener('directions_changed', function() { 
     directionsDisplay.gd.b.setTitle('This is your new tooltip for the route.'); 
    }); 

しかし残念ながらdirections_changedイベントの時に何のマーカーはそう何とかあなたが彼らのタイトルを設定遅らせる必要があり、まだありません

これが役に立ちます。

+0

あなたは素晴らしいです!ありがとう:D !! –

+0

このコードがまだ動作しているかどうか確認してください。私は何かが変わったと思うし、あなたのコードはもう機能していないと思う! –

+0

いいえ取得しています: "TypeError:directionsDisplay.gd is undefined"エラー! –

関連する問題