2013-07-30 21 views
16

JSON出力には、「ステップ」内にフィールド「操作」があります。例:hereGoogle Directions API

ここで、「操作」フィールドの定義と可能な値のリストを見つけることができます?該当記述はありません事前にhere

おかげ

+0

を見つけるのに役立ちます。https://github.com/perezdidac/google-directions -api –

+0

Web Google Mapで見つけた画像があります。 これらのアイコンを参照して、あなたのアイコンを生成することができます。 [リンク](https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png) –

+0

@turach answerに合わせてアイコンを設定しました。拡張子.pngをダウンロードして抽出し、操作名に拡張子を単純に追加します。上記の20個のアイコン(それぞれ32x32ピクセル)を含みます。 https://drive.google.com/open?id=0BxNi09X3k4qpb3A1MFFiempLMWs – adiOx

答えて

19

はUPD

は信じられないかもしれませんが、最終的に彼らはそれを文書化! see hereをください。 this gmaps-api-issueに応じ


私は、API :(

のこの部分を文書化していない急いでグーグルと思うしかし、私は、少なくとも次のように、この問題を支援することができます...「操縦」フィールドが短いですステップのアクションの説明。私は、Googleのスクリプトは、direction panelにCSSのクラスを適用するためにそれを使用すると思います。各ステップのアイコンがCSSクラス ".adp- {maneuver_name}"に依存することに気付きました。操縦のリストを抽出した:

  • uturn右
  • ターンわずかに右
  • マージ
  • ラウンドアバウト左
  • ロータリー右
  • uturn左
  • ターンわずかに左にターン鋭い左
  • 左折
  • ランプ右
  • 右折
  • フォーク右
  • ストレート
  • フォーク、左
  • フェリー列車
  • ターンの鋭い右
  • ランプ左
  • フェリー

作業中I cssクラスを持たない "maneuver"フィールドの2つの追加値が見つかりました:

  • キープ左

右キープ私はこのリストの豊かさを保証することはできませんが、私は私のプロジェクトでは、このリストを使用し、それが正常に動作します。ここで

20

は怠惰なもののためのビジュアルです:)

は、Googleがまだこれを文書化していなかったと信じてすることはできません...

Google Maps Direction Api - Maneuvers

5

あなたが方向性サービスを使用すると、Googleマップはあなたの<head>

2015/6月の時点で、私はこのコードの下に持っているいくつかのCSSを注入します。 Googleでは指示を表示するために必要なものだけをダウンロードするようですので、結果は異なる場合があります。下部に

背景イメージファイル:

.adp-substep .adp-stepicon .adp-maneuver { 
     background-size: 19px 630px; 
     position: absolute; 
     left: 0; 
     width: 16px; 
     height: 16px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-ferry { 
     background-position: 0 -614px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-ferry-train { 
     background-position: 0 -566px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-merge { 
     background-position: 0 -143px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-straight { 
     background-position: 0 -534px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-fork-left { 
     background-position: 0 -550px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-ramp-left { 
     background-position: 0 -598px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-roundabout-left { 
     background-position: 0 -197px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-turn-left { 
     background-position: 0 -413px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-turn-sharp-left { 
     background-position: 0 0 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-turn-slight-left { 
     background-position: 0 -378px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-uturn-left { 
     background-position: 0 -305px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-fork-right { 
     background-position: 0 -499px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-ramp-right { 
     background-position: 0 -429px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-roundabout-right { 
     background-position: 0 -232px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-turn-right { 
     background-position: 0 -483px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-turn-sharp-right { 
     background-position: 0 -582px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-turn-slight-right { 
     background-position: 0 -51px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver.adp-uturn-right { 
     background-position: 0 -35px 
    } 

    .adp-substep .adp-stepicon .adp-maneuver { 
     background-image: url(http://maps.gstatic.com/mapfiles/api-3/images/maneuvers.png); 
    } 
1

マヌーバは、(オン等、直線、マージ、左)現在のステップのために実行するアクションを含んでいます。このフィールドは、どのアイコンを表示するかを決定するために使用され、次の値のいずれかを含むことができます:turn-slight-left、turn-sharp-left、uturn-left、turn- left、turn-slight- right、右折、右折、右折、右折、左折、右折、マージ、フォーク左、フォーク右、フェリー、フェリー列車、ラウンドアバウト、左折、右折。このリストの値は、リンクの下に

を変更される場合がありますが、ライブラリとそれを解析することをお勧めしますすべての画像 https://github.com/opentripplanner/OpenTripPlanner/tree/master/src/client/images/directions

+0

このリンクは質問に答えるかもしれませんが、ここに答えの重要な部分を含めて参考にしてください。リンクされたページが変更された場合、リンクのみの回答は無効になります。 - [レビューから](/レビュー/低品質の投稿/ 18170333) – naththedeveloper

+0

@naththedeveloperを確認してください –

関連する問題