Informations sur le flux de données de navigation détaillée

Un flux de données de navigation détaillée fournit des informations de navigation uniquement aux appareils qui ne sont pas conçus pour la navigation basée sur une carte. Il fournit les manœuvres à venir avec les éléments que vous fournissez :

  • Icônes de direction (gauche, droite, demi-tour)
  • numéros de sortie dans les ronds-points
  • noms de routes
  • les distances et le temps estimés jusqu'à la prochaine étape de navigation ou la destination finale ;

Vous pouvez utiliser le flux de navigation détaillée pour créer des expériences où l'UI complète du SDK Navigation n'est pas appropriée, par exemple pour les petits écrans. Par exemple, vous pouvez l'utiliser pour les conducteurs de véhicules à deux roues, en projetant des instructions de navigation uniquement pour les aider à atteindre leur destination plus rapidement et en toute confiance, avec un minimum de distractions.

Éléments d'affichage essentiels pour la navigation

Écran de mobile affichant un virage à droite à venir dans 15 mètres sur Church Street. En bas de l'écran, le temps restant jusqu'à la destination est de 13 minutes et la distance restante est de 2, 1 miles.

Les champs principaux de chaque étape de navigation sont le nom complet de la route, la manœuvre et la distance totale de l'étape, qui sont disponibles dans GMSNavigationStepInfo.

Pour l'ensemble du trajet, vous pouvez afficher la durée et la distance restantes jusqu'à l'étape actuelle ou jusqu'à la destination, qui sont toutes disponibles dans GMSNavigationNavInfo. L'image de droite montre un exemple de ces éléments de navigation essentiels.

Configurer un écouteur d'événements

Pour utiliser des données de navigation uniquement, vous devez implémenter un écouteur d'événements pour l'événement didChangeNavInfo. Dans l'écouteur d'événements, accédez aux informations sur le trajet et l'étape pour fournir une navigation détaillée à vos utilisateurs.

Pour implémenter des gestionnaires d'événements, le contrôleur de vue de la carte doit implémenter le protocole GMSNavigatorListener. Pour en savoir plus sur la gestion des événements dans le SDK Navigation pour iOS, consultez Écouter les événements de navigation.

Gérer l'événement didChangeNavInfo

Créez un écouteur pour l'événement didChangeNavInfo afin d'ajouter la prise en charge de la navigation détaillée à votre application. Dans l'écouteur d'événements, utilisez les classes et les énumérations suivantes pour contrôler la navigation détaillée :

  • GMSNavigationNavInfo : classe définissant les informations sur l'état de la navigation.

  • GMSNavigationStepInfo : classe définissant les informations sur une seule étape d'un itinéraire de navigation.

  • GMSNavigationNavState : énumération définissant l'état actuel d'une navigation, par exemple "en route", "recalcul de l'itinéraire" ou "arrêtée".

  • GMSNavigationDrivingSide : énumération définissant si cette étape se trouve sur un itinéraire où l'on conduit à droite ou à gauche.

  • GMSNavigationManeuver : énumération définissant l'action de navigation à effectuer, par exemple tourner à gauche ou à droite.

Vous trouverez ci-dessous des exemples d'écouteurs d'événements pour l'événement didChangeNavInfo :

Swift

  // ViewController.swift
  class SomeViewController: UIViewController {
    ...
    mapView.navigator?.add(self);
    ...
  }

  extension SomeViewController: GMSNavigatorListener {
    func navigator(_ navigator: GMSNavigator,
                   didUpdateNavInfo navInfo: GMSNavigationNavInfo) {

      // Get the current step information
      if navInfo.navState == .enroute {
        if let currentStep = navInfo.currentStep {
          ...
          roadNameLabel.text = currentStep.simpleRoadName
          ...
        }
      }
    }
  }

Objective-C

  // ViewController.h
  @interface SomeViewController () <GMSNavigatorListener>

  @end

  // ViewController.m
  @implementation SomeViewController
  // Some initialization code.
  ... {
    ...
    [_mapView.navigator addListener:self];
    ...
  }

  #pragma mark GMSNavigatorListener
  - (void)navigator:(GMSNavigator *)navigator didUpdateNavInfo:(GMSNavigationNavInfo *)navInfo {
    // Get the current step information
    if (navInfo.navState == GMSNavigationNavStateEnroute) {
      GMSNavigationStepInfo *currentStep = navInfo.currentStep;
      if (currentStep) {
        ...
        roadNameLabel.text = currentStep.simpleRoadName;
        ...
      }
    }
    ...
  }

Utilisez la propriété navState de GMSNavigationNavInfo pour obtenir l'état actuel de la navigation, qui est l'un des suivants :

  • En route : l'état GMSNavigationNavStateEnroute signifie que la navigation guidée est active et que l'utilisateur se trouve sur l'itinéraire fourni. Des informations sur la prochaine étape de manœuvre sont disponibles.

  • Rerouting (Nouvel itinéraire) : GMSNavigationNavStateRerouting signifie que la navigation est en cours, mais que le navigateur recherche un nouvel itinéraire. L'étape de manœuvre à venir n'est pas disponible, car il n'y a pas encore de nouvel itinéraire.

  • Arrêtée : GMSNavigationNavStateStopped signifie que la navigation est terminée. Par exemple, la navigation s'arrête lorsque l'utilisateur quitte la navigation dans l'application. Dans l'application exemple, un état GMSNavigationNavStateStopped efface l'affichage des informations de navigation pour éviter que les instructions d'étape persistantes ne s'affichent.

Assistant de voies de circulation

Le SDK Navigation représente les voies de la fiche de navigation sous forme d'objets de données GMSNavigationLane et GMSNavigationLaneDirection. Un objet GMSNavigationLane représente une voie spécifique pendant la navigation et contient une liste d'objets GMSNavigationLaneDirection qui décrivent tous les virages pouvant être effectués à partir de cette voie.

La direction recommandée qu'un conducteur doit prendre dans une voie est indiquée à l'aide du champ recommended.

Exemple d'assistant de voies de circulation

L'extrait de code suivant illustre la représentation des données des voies affichées dans la capture d'écran précédente.

// Lane 1
GMSNavigationLaneDirections =
  [{/*GMSNavigationLaneShape=*/
GMSNavigationLaneShapeNormalLeft, /*recommended=*/ true}]

// Lane 2
GMSNavigationLaneDirections =
  [{/*GMSNavigationLaneShape=*/
GMSNavigationLaneShapeNormalLeft, /*recommended=*/ true}]

// Lane 3
GMSNavigationLaneDirections =
  [{/*GMSNavigationLaneShape=*/
GMSNavigationLaneShapeStraight, /*recommended=*/ false}]

// Lane 4
GMSNavigationLaneDirections =
  [{/*GMSNavigationLaneShape=*/
GMSNavigationLaneShapeStraight, /*recommended=*/ false},
{/*GMSNavigationLaneShape=*/ GMSNavigationLaneShapeNormalRight, /*recommended=*/ false}]

Images de l'assistant de voies de circulation

Le SDK Navigation permet de générer des images de voies pour chaque étape de navigation, comme indiqué par GMSNavigationStepInfo. Ces icônes sont conformes aux consignes de dimensionnement des images de CarPlay.

Swift

let currentStepInfo = navInfo.currentStep

let options = GMSNavigationStepImageOptions()
options.maneuverImageSize = .square96
options.screenMetrics = UIScreen.mainScreen

let maneuverImage = currentStepinfo.maneuverImage(options: options)

Objective-C

GMSNavigationStepInfo *stepInfo = navInfo.currentStep;

GMSNavigationStepImageOptions *options = [[GMSNavigationStepImageOptions alloc] init];
options.maneuverImageSize = GMSNavigationManeuverImageSizeSquare96;
options.screenMetrics = UIScreen.mainScreen;

UIImage* maneuverImage = [stepInfo maneuverImageWithOptions:options];

Créer des icônes pour les manœuvres

Icône d'une manœuvre

L'énumération GMSNavigationManeuver définit chaque manœuvre possible pendant la navigation. Vous pouvez obtenir la manœuvre pour une étape donnée à partir de la propriété maneuver de GMSNavigationStepInfo.

Vous devez créer des icônes de manœuvre et les associer aux manœuvres correspondantes. Pour certaines manœuvres, vous pouvez configurer un mappage un à un avec une icône, par exemple GMSNavigationManeuverDestinationLeft et GMSNavigationManeuverDestinationRight. Toutefois, comme certaines manœuvres partagent des caractéristiques avec d'autres, vous pouvez mapper plusieurs manœuvres à une seule icône. Par exemple, GMSNavigationManeuverTurnLeft et GMSNavigationManeuverOnRampLeft peuvent tous deux correspondre à l'icône de virage à gauche.

Certaines manœuvres contiennent un libellé supplémentaire "Clockwise" (Dans le sens des aiguilles d'une montre) ou "CounterClockwise" (Dans le sens inverse des aiguilles d'une montre), que le SDK détermine en fonction du côté de conduite d'un pays. Par exemple, dans les pays où l'on conduit à gauche, les conducteurs empruntent un rond-point ou font demi-tour dans le sens des aiguilles d'une montre, tandis que dans les pays où l'on conduit à droite, ils le font dans le sens inverse des aiguilles d'une montre. Le SDK Navigation détecte si une manœuvre se produit dans un trafic à gauche ou à droite et génère la manœuvre appropriée. Par conséquent, l'icône de manœuvre peut être différente pour une manœuvre dans le sens des aiguilles d'une montre ou dans le sens inverse.

Développer pour afficher des exemples d'icônes pour différentes manœuvres

Icône d'exemple Manœuvres de navigation détaillée
DEPART
UNKNOWN
STRAIGHT
ON_RAMP_UNSPECIFIED
OFF_RAMP_UNSPECIFIED
NAME_CHANGE
TURN_RIGHT
ON_RAMP_RIGHT
TURN_LEFT
ON_RAMP_LEFT
TURN_SLIGHT_RIGHT
ON_RAMP_SLIGHT_RIGHT
OFF_RAMP_SLIGHT_RIGHT
TURN_SLIGHT_LEFT
ON_RAMP_SLIGHT_LEFT
OFF_RAMP_SLIGHT_LEFT
TURN_SHARP_RIGHT
ON_RAMP_SHARP_RIGHT
OFF_RAMP_SHARP_RIGHT
TURN_SHARP_LEFT
ON_RAMP_SHARP_LEFT
OFF_RAMP_SHARP_LEFT
TURN_U_TURN_COUNTERCLOCKWISE
ON_RAMP_U_TURN_COUNTERCLOCKWISE
OFF_RAMP_U_TURN_COUNTERCLOCKWISE
TURN_U_TURN_CLOCKWISE
ON_RAMP_U_TURN_CLOCKWISE
OFF_RAMP_U_TURN_CLOCKWISE
ROUNDABOUT_SHARP_RIGHT_COUNTERCLOCKWISE
ROUNDABOUT_SHARP_RIGHT_CLOCKWISE
ROUNDABOUT_RIGHT_COUNTERCLOCKWISE
ROUNDABOUT_RIGHT_CLOCKWISE
ROUNDABOUT_SLIGHT_RIGHT_COUNTERCLOCKWISE
ROUNDABOUT_SLIGHT_RIGHT_CLOCKWISE
ROUNDABOUT_STRAIGHT_COUNTERCLOCKWISE
ROUNDABOUT_STRAIGHT_CLOCKWISE
ROUNDABOUT_SLIGHT_LEFT_COUNTERCLOCKWISE
ROUNDABOUT_SLIGHT_LEFT_CLOCKWISE
ROUNDABOUT_LEFT_COUNTERCLOCKWISE
ROUNDABOUT_LEFT_CLOCKWISE
ROUNDABOUT_SHARP_LEFT_COUNTERCLOCKWISE
ROUNDABOUT_SHARP_LEFT_CLOCKWISE
ROUNDABOUT_U_TURN_COUNTERCLOCKWISE
ROUNDABOUT_U_TURN_CLOCKWISE
ROUNDABOUT_COUNTERCLOCKWISE
ROUNDABOUT_CLOCKWISE
ROUNDABOUT_EXIT_COUNTERCLOCKWISE
ROUNDABOUT_EXIT_CLOCKWISE
MERGE_RIGHT
OFF_RAMP_RIGHT
MERGE_LEFT
OFF_RAMP_LEFT
FORK_RIGHT
TURN_KEEP_RIGHT
ON_RAMP_KEEP_RIGHT
OFF_RAMP_KEEP_RIGHT
FORK_LEFT
TURN_KEEP_LEFT
ON_RAMP_KEEP_LEFT
OFF_RAMP_KEEP_LEFT
MERGE_UNSPECIFIED
DESTINATION
DESTINATION_RIGHT
DESTINATION_LEFT
FERRY_BOAT
FERRY_TRAIN

Utiliser les icônes générées

Le SDK Navigation permet de générer des icônes de manœuvre pour un GMSNavigationStepInfo donné. Ces icônes respectent les consignes de dimensionnement des images CarPlay.

Swift

let currentStepInfo = navInfo.currentStep

let options = GMSNavigationStepImageOptions()
options.maneuverImageSize = .square96
options.screenMetrics = UIScreen.mainScreen

let maneuverImage = currentStepinfo.maneuverImage(options: options)

Objective-C

GMSNavigationStepInfo *stepInfo = navInfo.currentStep;

GMSNavigationStepImageOptions *options = [[GMSNavigationStepImageOptions alloc] init];
options.maneuverImageSize = GMSNavigationManeuverImageSizeSquare96;
options.screenMetrics = UIScreen.mainScreen;

UIImage* maneuverImage = [stepInfo maneuverImageWithOptions:options];