JSON出力には、「ステップ」内にフィールド「操作」があります。例:hereGoogle Directions API
ここで、「操作」フィールドの定義と可能な値のリストを見つけることができます?該当記述はありません事前にhere
おかげ
JSON出力には、「ステップ」内にフィールド「操作」があります。例:hereGoogle Directions API
ここで、「操作」フィールドの定義と可能な値のリストを見つけることができます?該当記述はありません事前にhere
おかげ
はUPD
は信じられないかもしれませんが、最終的に彼らはそれを文書化! see hereをください。 this gmaps-api-issueに応じ
私は、API :(
のこの部分を文書化していない急いでグーグルと思うしかし、私は、少なくとも次のように、この問題を支援することができます...「操縦」フィールドが短いですステップのアクションの説明。私は、Googleのスクリプトは、direction panelにCSSのクラスを適用するためにそれを使用すると思います。各ステップのアイコンがCSSクラス ".adp- {maneuver_name}"に依存することに気付きました。操縦のリストを抽出した:
作業中I cssクラスを持たない "maneuver"フィールドの2つの追加値が見つかりました:
右キープ私はこのリストの豊かさを保証することはできませんが、私は私のプロジェクトでは、このリストを使用し、それが正常に動作します。ここで
は怠惰なもののためのビジュアルです:)
は、Googleがまだこれを文書化していなかったと信じてすることはできません...
あなたが方向性サービスを使用すると、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);
}
マヌーバは、(オン等、直線、マージ、左)現在のステップのために実行するアクションを含んでいます。このフィールドは、どのアイコンを表示するかを決定するために使用され、次の値のいずれかを含むことができます:turn-slight-left、turn-sharp-left、uturn-left、turn- left、turn-slight- right、右折、右折、右折、右折、左折、右折、マージ、フォーク左、フォーク右、フェリー、フェリー列車、ラウンドアバウト、左折、右折。このリストの値は、リンクの下に
を変更される場合がありますが、ライブラリとそれを解析することをお勧めしますすべての画像 https://github.com/opentripplanner/OpenTripPlanner/tree/master/src/client/images/directions
このリンクは質問に答えるかもしれませんが、ここに答えの重要な部分を含めて参考にしてください。リンクされたページが変更された場合、リンクのみの回答は無効になります。 - [レビューから](/レビュー/低品質の投稿/ 18170333) – naththedeveloper
@naththedeveloperを確認してください –
を見つけるのに役立ちます。https://github.com/perezdidac/google-directions -api –
Web Google Mapで見つけた画像があります。 これらのアイコンを参照して、あなたのアイコンを生成することができます。 [リンク](https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png) –
@turach answerに合わせてアイコンを設定しました。拡張子.pngをダウンロードして抽出し、操作名に拡張子を単純に追加します。上記の20個のアイコン(それぞれ32x32ピクセル)を含みます。 https://drive.google.com/open?id=0BxNi09X3k4qpb3A1MFFiempLMWs – adiOx