2013-07-30 5 views
16

Nell'output JSON, vi è un campo "manovra" all'interno di un "passo". In questo "girare a sinistra", "girare a destra", "girare a sinistra", ecc. Esempio hereGoogle Directions API

Dove trovo la definizione del campo "Manovra" e l'elenco dei valori possibili ? Non ci sono descrizioni rilevante here

Grazie in anticipo

+0

si consiglia di analizzare con una libreria: https://github.com/perezdidac/google-directions -api –

+0

Ecco il set di immagini che ho trovato su Web Google Map. Puoi fare riferimento a queste icone per generare il tuo. [Link] (https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png) –

+0

Ho preparato un set di icone in base alla risposta @turach. Scarica, estrai e aggiungi semplicemente estensione .png al nome della manovra. Contiene tutte le 20 icone di cui sopra, 32x32 pixel ciascuna. https://drive.google.com/open?id=0BxNi09X3k4qpb3A1MFFiempLMWs – adiOx

risposta

19

UPD

Che ci crediate o no, ma alla fine hanno documentato! Si prega di see here.


in base alle this gmaps-api-issue Penso che Google non ha fretta di documentare questa parte della api :(

Ma posso aiutare con questo problema, almeno con le seguenti ... Il campo "manovra" è il breve descrizione dell'azione del passo. Suppongo che lo script di Google lo usi per applicare le classi css a direction panel. Ho notato che l'icona per ogni passaggio dipende dalla classe css ".adp- {nome_avvisa}". Il file Css per il pannello contiene 18 classi con quella maschera e io aveva estratto l'elenco delle manovre:

  • turn-sharp-sinistra
  • uturn-destra
  • turn-leggero-destra
  • merge
  • rotonda-sinistra
  • rotonda a destra
  • uturn-sinistra
  • turn-leggero-sinistra
  • turn-sinistra
  • rampa destro
  • turn-right
  • forcella destra
  • dritto
  • forcella sinistra
  • traghetto-treno
  • turn-sharp-destra
  • rampa sinistra
  • traghetto

Durante il lavoro I trovato due valori aggiuntivi del campo "Manovra", che non ha classi css:

  • keep-sinistra
  • keep-destra

non posso garantire la pienezza di questa lista, ma ho usato questo elenco nel mio progetto e funziona correttamente.

20

Ecco una visuale per i più pigri :)

Non posso credere che Google non ha ancora documentare questo ...

Google Maps Direction Api - Maneuvers

5

quando si utilizza il servizio direzioni, google maps, iniettare css nella vostra <head>

a partire dal 2015/giugno, ho questo codice qui sotto. Sembra che Google scarichi solo ciò di cui ha bisogno per mostrare le indicazioni, quindi i risultati potrebbero variare.

file di background-image in basso:

.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

Manovra contiene l'azione da intraprendere per il passo attuale (girare a sinistra, unire, diritto, ecc). Questo campo viene utilizzato per determinare quale icona visualizzare e può contenere uno dei seguenti valori: virata-sinistra-sinistra, curva-sinistra-sinistra, sinistra-sinistra, curva-sinistra, curva-lieve-destra, curva-sharp- a destra, a destra, a destra, a sinistra, a sinistra, a destra, a sinistra, a sinistra, a sinistra, a destra, a destra, a sinistra, a destra, a sinistra. I valori in questo elenco sono soggette a modifiche

collegamento sotto vi aiuterà a trovare tutte le immagini https://github.com/opentripplanner/OpenTripPlanner/tree/master/src/client/images/directions

+0

Sebbene questo collegamento possa rispondere alla domanda, è meglio includere qui le parti essenziali della risposta e fornire il link per riferimento. Le risposte di solo collegamento possono diventare non valide se la pagina collegata cambia. - [Dalla recensione] (/ recensione/post di bassa qualità/18170333) – naththedeveloper

+0

verificarlo @naththedeveloper –