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 guidée basée sur des cartes. Il fournit les manœuvres à venir avec les éléments que vous fournissez:

  • Icônes (gauche, droite, demi-tour)
  • numéros de virage dans les ronds-points
  • noms de rues ;
  • les distances et le temps estimés jusqu'à l'étape de navigation suivante 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 adaptée, par exemple pour les écrans de petit format. Par exemple, vous pouvez utiliser cette fonctionnalité pour les conducteurs de véhicules à deux roues, afin de leur projeter 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 de navigation essentiels

Écran d'un mobile affichant un prochain virage à droite dans 15 mètres sur Church Street. En bas de l'écran, le temps restant pour atteindre la destination est de 13 minutes et la distance restante est de 3, 4 km.

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 le temps restant et la distance jusqu'à l'étape actuelle ou à la destination, qui sont tous 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 les étapes pour fournir des instructions de navigation détaillées à 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 navigation par étapes à votre application. Dans l'écouteur d'événements, utilisez les classes et énumérations suivantes pour contrôler la navigation par étapes:

  • GMSNavigationNavInfo : classe définissant des 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é".

  • GMSNavigationDrivingSide : énumération indiquant si cette étape se trouve sur un itinéraire à circulation à 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:

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;
        ...
      }
    }
    ...
  }

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
          ...
        }
      }
    }
  }

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

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

  • 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 des instructions d'étapes persistantes ne s'affichent.

Assistant de voies de circulation

Le SDK Navigation représente les voies dans la fiche de navigation en tant qu'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.

Le sens de circulation recommandé pour un conducteur sur une voie est indiqué à 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 respectent les 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 de manœuvre

L'énumération GMSNavigationManeuver définit chaque manœuvre possible pouvant se produire lors de 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 associées. Pour certaines manœuvres, vous pouvez configurer un mappage individuel vers une icône, comme GMSNavigationManeuverDestinationLeft et GMSNavigationManeuverDestinationRight. Toutefois, comme certaines manœuvres partagent des caractéristiques avec d'autres, vous pouvez mapper plusieurs manœuvres sur une seule icône. Par exemple, GMSNavigationManeuverTurnLeft et GMSNavigationManeuverOnRampLeft peuvent tous deux être mappés sur l'icône de virage à gauche.

Certaines manœuvres contiennent un libellé supplémentaire "Dans le sens des aiguilles d'une montre" ou "Contre-sens des aiguilles d'une montre", que le SDK détermine en fonction du côté de la route sur lequel les conducteurs circulent dans un pays. Par exemple, dans les pays où la circulation se fait à gauche, les conducteurs effectuent un rond-point ou un demi-tour dans le sens des aiguilles d'une montre, tandis que dans les pays où la circulation se fait à 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 le trafic à gauche ou à droite, et renvoie la manœuvre appropriée. Par conséquent, l'icône de votre manœuvre peut être différente pour une manœuvre dans le sens des aiguilles d'une montre ou dans le sens inverse.

Développez pour voir des exemples d'icônes pour différentes manœuvres

Icône d'exemple Manœuvres détaillées
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 des 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];