2013-07-30 11 views
16

In der JSON-Ausgabe gibt es ein Feld "Manöver" innerhalb eines "Schrittes". In diesem "links abbiegen", "rechts abbiegen", "links abbiegen", etc. Beispiel ist hereGoogle Wegbeschreibung API

Wo finde ich die Definition des "Manöver" -Feld, und die Liste der möglichen Werte ? Es gibt keine relevante Beschreibung here

Vielen Dank im Voraus

+0

Möglicherweise möchten Sie analysieren es mit einer Bibliothek finden helfen: https://github.com/perezdidac/google-directions -api –

+0

Hier ist das Bild, das ich im Web Google Map gefunden habe. Sie können auf diese Symbole verweisen, um Ihre zu generieren. [Link] (https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png) –

+0

Ich bereitete ein Icon entsprechend @turach Antwort vor. Downloaden, extrahieren und fügen Sie einfach die Erweiterung .png zum Namen des Manövers hinzu. Enthält alle 20 oben genannten Symbole, jeweils 32x32 Pixel. https://drive.google.com/open?id=0BxNi09X3k4qpb3A1MFFiempLMWs – adiOx

Antwort

19

UPD

Ob Sie es glauben oder nicht, aber schließlich sie es dokumentiert! Bitte see here.


nach this gmaps-api-issue glaube, ich google nicht in Eile, um diesen Teil von api zu dokumentieren :(

Aber ich kann mit folgenden ... Das „Manöver“ Feld ist die Kurz mit diesem Thema zumindest helfen Beschreibung des Schritts Aktion Ich nehme an, googles Skript verwendet es zum Anwenden von CSS-Klassen auf direction panel. Ich habe festgestellt, dass das Symbol für jeden Schritt von der CSS-Klasse ".adp- {Manu_Name} abhängt." Css-Datei für Panel enthält 18 Klassen mit dieser Maske und I hatte Liste der Manöver extrahiert:

  • wiederum scharf links
  • uturn rechts
  • turn-leichte-rechts
  • merge
  • Kreisverkehr links
  • Kreisverkehr rechts
  • uturn links
  • turn-leichte-left
  • turn-links
  • rampen rechts
  • turn-right
  • Gabel rechts
  • gerade
  • Gabel links
  • Fähre Zug
  • Turn-scharf rechts
  • rampen links
  • Fähre

Während der Arbeit, die ich zwei weitere Werte des Feldes "manöver" gefunden, die keine css-Klassen haben:

  • keep-links
  • keep-rechts

ich nicht Fülle diese Liste garantieren kann, aber ich habe diese Liste in meinem Projekt und es funktioniert einwandfrei.

20

Hier ist eine visuelle für die Faulen :)

Kann nicht glauben, dass Google dies noch nicht dokumentiert hat ...

Google Maps Direction Api - Maneuvers

5

, wenn Sie Richtungen Service verwenden, Google Maps injizieren einige CSS in Ihrem <head>

Ab 2015/Juni, ich habe diesen Code unten bekam. Es scheint, als würde Google nur herunterladen, was es benötigt, um die Wegbeschreibung zu zeigen. Ihre Ergebnisse können daher variieren.

Hintergrund-Bilddatei an der Unterseite:

.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

Manöver enthält die Aktion für den aktuellen Schritt zu machen (nach links, fusioniert, gerade, etc.). Dieses Feld wird verwendet, um zu bestimmen, welches Symbol angezeigt werden soll, und kann einen der folgenden Werte enthalten: Abbiegen-leicht-links, Abbiegen-scharf-links, uturn-links, Abbiegen-links, Abbiegen-leicht-rechts, Abbiegen-scharf- rechts, uturn-right, rechts abbiegen, geradeaus, ramp-links, ramp-right, zusammenfassen, gabel-links, gabel-rechts, fähre, fähre-zug, links abbiegen, rechts abbiegen. Werte in dieser Liste unterliegen

Im Folgenden Link ändern Sie alle Bilder https://github.com/opentripplanner/OpenTripPlanner/tree/master/src/client/images/directions

+0

Während dieser Link, um die Frage beantworten kann, es besser ist, die die wesentlichen Teile der Antwort hier aufzunehmen und den Link zur Referenz. Nur-Link-Antworten können ungültig werden, wenn sich die verknüpfte Seite ändert. - [Aus Bewertung] (/ review/low-quality-posts/18170333) – naththedeveloper

+0

check it @naththedeveloper –