2013-07-30 5 views
16

Dans la sortie JSON, il y a un champ "manoeuvre" dans une "étape". Dans ce "virage à gauche", "virage à droite", "virage à gauche", etc. Exemple: hereGoogle Directions API

Où puis-je trouver la définition du champ "manœuvre" et la liste des valeurs possibles ? Il n'y a pas de description pertinente here

Merci à l'avance

+0

Vous voudrez peut-être analyser avec une bibliothèque: https://github.com/perezdidac/google-directions -api –

+0

Voici le jeu d'images que j'ai trouvé dans Web Google Map. Vous pouvez référencer ces icônes pour générer les vôtres. [Lien] (https://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png) –

+0

J'ai préparé un jeu d'icônes en conséquence pour @turach answer. Téléchargez, extrayez et ajoutez simplement l'extension .png au nom de la manœuvre. Contient les 20 icônes mentionnées ci-dessus, 32x32 pixels chacune. https://drive.google.com/open?id=0BxNi09X3k4qpb3A1MFFiempLMWs – adiOx

Répondre

19

UPD

Croyez-le ou non, mais finalement ils ont documenté le! S'il vous plaît see here.


selon this gmaps-api-issue Je pense que Google pas pressé de documenter cette partie de api :(

Mais je peux aider à ce problème au moins avec la suite ... Le champ « manœuvre » est court description de l'action de l'étape Je suppose que le script de google l'utilise pour appliquer des classes css à direction panel J'ai remarqué que l'icône de chaque étape dépend de la classe css ".adp- {maneuver_name}" Le fichier Css pour le panneau contient 18 classes avec ce masque et moi avait extrait la liste des manœuvres:

  • tour-forte gauche
  • uturn droite
  • turn-léger droit
  • fusion
  • rond-point gauche
  • rond-point à droite
  • uturn gauche
  • turn-légère gauche
  • tour gauche
  • rampe droite
  • tour à droite
  • fourche droite
  • droite
  • fourche gauche
  • Ferry train
  • tour-forte à droite
  • rampe gauche
  • bac

Pendant le travail que je trouvé deux valeurs supplémentaires du champ "manoeuvre", qui n'a pas de classes CSS:

  • donjon gauche
  • donjon droite

Je ne peux pas garantir la plénitude de cette liste, mais j'utiliser cette liste dans mon projet et il fonctionne correctement.

20

Voici un visuel pour les paresseux :)

ne peux pas croire Google n'a pas documenté ce moment ...

Google Maps Direction Api - Maneuvers

5

lorsque vous utilisez un service de directions, google maps injectent dans votre code CSS <head>

À partir de 2015/juin, j'ai le code ci-dessous. Il semble que Google ne télécharge que ce dont il a besoin pour afficher les directions, donc vos résultats peuvent varier.

fichier background-image en bas:

.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

contient Maneuver l'action à prendre pour l'étape en cours (tourner à gauche, fusionner, droit, etc.). Ce champ est utilisé pour déterminer l'icône à afficher et peut contenir l'une des valeurs suivantes: virage-léger-gauche, virage-extrême-gauche, uturn-gauche, virage-gauche, virage-léger-droit, virage-pointu à droite, à droite, à droite, à droite, à gauche, à droite, à gauche, à droite, à gauche, à droite, à gauche, à droite. Les valeurs de cette liste sont sujets à changement

lien ci-dessous vous aidera à trouver toutes les images https://github.com/opentripplanner/OpenTripPlanner/tree/master/src/client/images/directions

+0

Bien que ce lien puisse répondre à la question, il est préférable d'inclure les parties essentielles de la réponse ici et de fournir le lien pour référence. Les réponses à lien uniquement peuvent devenir invalides si la page liée change. - [De l'avis] (/ review/low-quality-posts/18170333) – naththedeveloper

+0

vérifier @naththedeveloper –

Questions connexes