Configurare le interruzioni in tempo reale

Le interruzioni in tempo reale sono un insieme di funzionalità che avvisano gli utenti delle interruzioni lungo il loro percorso e consentono loro di segnalare e verificare le interruzioni che incontrano. Esempi di interruzioni includono incidenti stradali, traffico congestionato, presenza di polizia e autovelox fissi, lavori in corso, chiusure di corsie e determinate condizioni meteorologiche. Questa pagina spiega le funzionalità di interruzione in tempo reale e le relative opzioni di configurazione, incluse le considerazioni per le app che utilizzano UI di navigazione personalizzate.

Funzionalità di interruzione in tempo reale

• Callout interattivi per le interruzioni lungo i percorsi.
• Avvisi di interruzione automatici con votazione durante la navigazione attiva.
• Segnalazione di interruzioni durante la navigazione attiva.

Queste funzionalità sono configurabili e attivate per impostazione predefinita. Le sezioni seguenti forniscono ulteriori informazioni sulle funzionalità e sulle opzioni di configurazione disponibili.

Callout interattivi per le interruzioni lungo i percorsi

Quando un'app mostra un percorso, in una panoramica del percorso o durante la navigazione attiva, le interruzioni correnti vengono visualizzate come callout lungo il percorso. I callout includono un'icona che indica il tipo di interruzione.

Puoi controllare la visualizzazione dei callout di interruzione lungo i percorsi utilizzando shouldDisplayPrompts, che controlla anche la visualizzazione degli avvisi automatici quando un utente si avvicina a un'interruzione.

mapView.navigator.shouldDisplayPrompts = true

Visualizzare i dettagli dell'interruzione quando un utente tocca un callout

Gli utenti possono toccare un callout per visualizzare una scheda informativa con ulteriori informazioni sull'interruzione, tra cui il tipo di interruzione, l'ultima volta in cui è stata segnalata e, in alcuni casi, un'opzione per votare se l'interruzione è ancora presente. Esistono due tipi diversi di schede informative che possono essere visualizzate, a seconda che l'utente sia in navigazione attiva e le opzioni di configurazione variano per ogni tipo.

Schede informative dei callout nelle panoramiche dei percorsi, prima di avviare la navigazione attiva

Quando un utente tocca un callout in una panoramica del percorso, prima di avviare la navigazione attiva, viene visualizzata una scheda informativa con ulteriori informazioni sull'interruzione.

Puoi controllare la possibilità per gli utenti di toccare i callout di interruzione nelle panoramiche dei percorsi per visualizzare ulteriori informazioni utilizzando showsIncidentCards.

mapView.settings.showsIncidentCards = true

Schede informative dei callout durante la navigazione attiva

Quando un callout di interruzione viene visualizzato lungo un percorso durante la navigazione attiva, gli utenti possono toccarlo per visualizzare una scheda informativa con ulteriori informazioni sull'interruzione, tra cui il tipo di interruzione e l'ultima volta in cui è stata segnalata, nonché i pulsanti per votare se l'interruzione è ancora presente. I voti inviati dagli utenti vengono elaborati da Google e possono essere visualizzati sulla mappa per altri utenti di Google Maps e dell'SDK Navigation, nonché utilizzati per determinare se continuare a mostrare l'interruzione.

Puoi controllare la visualizzazione e la possibilità di toccare i callout di interruzione durante la navigazione attiva utilizzando shouldDisplayPrompts, che controlla anche la visualizzazione dei callout lungo i percorsi e la visualizzazione degli avvisi automatici quando un utente si avvicina a un'interruzione.

mapView.navigator.shouldDisplayPrompts = true

Avvisi di interruzione automatici con votazione durante la navigazione attiva

Durante la navigazione attiva, quando un utente si avvicina a un'interruzione lungo un percorso, viene visualizzato un prompt con informazioni sull'interruzione e pulsanti per votare se l'interruzione è ancora presente. I voti inviati dagli utenti vengono elaborati da Google e possono essere visualizzati sulla mappa per altri utenti di Google Maps e dell'SDK Navigation, nonché utilizzati per determinare se continuare a mostrare l'interruzione.

Puoi configurare la visualizzazione dei prompt di avviso durante la navigazione attiva utilizzando shouldDisplayPrompts, che controlla anche la visualizzazione dei callout lungo i percorsi.

mapView.navigator.shouldDisplayPrompts = true

Segnalazione di interruzioni durante la navigazione attiva

Durante la modalità di navigazione attiva, nell'UI di navigazione viene visualizzato un pulsante che consente agli utenti di segnalare nuove interruzioni lungo il loro percorso. Quando un utente tocca il pulsante, viene visualizzato un menu con i tipi di interruzione disponibili da segnalare. Le segnalazioni inviate dagli utenti vengono elaborate da Google e possono essere visualizzate sulla mappa per altri utenti di Google Maps e dell'SDK Navigation.

Mostrare o nascondere il pulsante di segnalazione standard

Puoi configurare la visibilità del pulsante di segnalazione standard durante la navigazione attiva utilizzando navigationReportIncidentButtonEnabled.

// Enables the incident reporting FAB to show in situations where incident
// reporting is possible.
mapView.settings.navigationReportIncidentButtonEnabled = true

Aggiungere un pulsante di segnalazione personalizzato

Al posto del pulsante di segnalazione di interruzione standard, puoi aggiungere un pulsante di segnalazione personalizzato all'UI di navigazione. Quando l'utente fa clic sul pulsante personalizzato, puoi attivare la visualizzazione del menu di segnalazione chiamando il presentReportIncidentsPanel metodo. Prima di aggiungere un pulsante di segnalazione personalizzato, verifica che l'app sia in navigazione attiva e che l'utente si trovi in un paese in cui la segnalazione è attivata chiamando reportIncidentsAvailable. Se una di queste condizioni non è vera, il menu di segnalazione non verrà visualizzato.

  // Check if reporting is available before displaying your button
  let isReportingAvailable = mapview.isIncidentReportingAvailable()
  customReportingIncidentButton.isHidden = !isReportingAvailable
  customReportingIncidentButton.addTarget(self, action: #selector(didTapReportIncidentButton), for: .touchUpInside)
  
  // Trigger the reporting flow if the button is clicked
  func didTapReportIncidentButton() {
          mapView.presentReportIncidentsPanel(self) { [weak self] error in
              guard let self = self else { return }
              if let error = error as NSError? {
                  if error.domain == GMSMapViewPresentReportIncidentPanelErrorDomain {
                      let errorCode = GMSMapViewPresentReportIncidentPanelErrorCode(rawValue: error.code)
                      
                      switch errorCode {
                      case .internal:
                          self.showErrorMessage(
                              title: "Error Presenting Report Incident Panel",
                              message: "An internal error occurred."
                          )
                      case .reportingNotAvailable:
                          self.showErrorMessage(
                              title: "Error Presenting Report Incident Panel",
                              message: "Reporting is not available."
                          )
                      case .none:
                          self.showErrorMessage(
                              title: "Error Presenting Report Incident Panel",
                              message: "An unknown error occurred."
                          )
                      }
                  } else {
                      // Handle other potential errors (e.g., network errors)
                      self.showErrorMessage(
                          title: "Error Presenting Report Incident Panel",
                          message: "An unexpected error occurred: \(error.localizedDescription)"
                      )
                  }
              }
              // If error is nil, the panel was presented successfully. You can add any extra logic here.
          }
     }

Utilizzare UI di navigazione personalizzate

Se la tua implementazione dell'SDK Navigation include elementi UI personalizzati, devi prendere in considerazione gli elementi di interruzione in tempo reale per evitare conflitti.

Posizionamento del pulsante di segnalazione

// Create a new layout guide
let topRightLayoutGuide = UILayoutGuide()
self.view.addLayoutGuide(topRightLayoutGuide)

// Activate constraints using fixed constants here as an example
// assuming the current reporting button is of fixed height
topRightLayoutGuide.topAnchor.constraint(equalTo: _mapView.navigationHeaderLayoutGuide.bottomAnchor, constant: 50).isActive = true
topRightLayoutGuide.trailingAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.trailingAnchor, constant: -14).isActive = true

// Assign the layout guide
_mapView.bottomTrailingButtonsLayoutGuide = topRightLayoutGuide

// Create an alternate layout guide to use when the header and the footer are not full width
let topRightAlternateLayoutGuide = UILayoutGuide()
self.view.addLayoutGuide(topRightAlternateLayoutGuide)

// Activate constraints using fixed constants here as an example
// assuming the current RTD button is of fixed height
topRightAlternateLayoutGuide.topAnchor.constraint(equalTo: _mapView.navigationHeaderLayoutGuide.bottomAnchor, constant: 20).isActive = true
topRightAlternateLayoutGuide.trailingAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.trailingAnchor, constant: -10).isActive = true

// Assign the layout guide
_mapView.bottomTrailingButtonsAlternateLayoutGuide = topRightAlternateLayoutGuide

// Create a new layout guide
UILayoutGuide *topRightLayoutGuide = [[UILayoutGuide alloc] init];
[self.view addLayoutGuide:topRightLayoutGuide];

// Activate constraints using fixed constants here as an example
// assuming the current RTD button is of fixed height
[[topRightLayoutGuide.topAnchor
    constraintEqualToAnchor:_mapView.navigationHeaderLayoutGuide.bottomAnchor
                   constant:50]
    setActive:YES];

[[topRightLayoutGuide.trailingAnchor
    constraintEqualToAnchor:self.view.safeAreaLayoutGuide.trailingAnchor
                   constant:-14]
    setActive:YES];

// Assign the layout guide
_mapView.bottomTrailingButtonsLayoutGuide = topRightLayoutGuide;

// Create an alternate layout guide to use when the header and the footer are not full width
UILayoutGuide *topRightAlternateLayoutGuide = [[UILayoutGuide alloc] init];
[self.view addLayoutGuide:topRightAlternateLayoutGuide];

// Activate constraints using fixed constants here as an example
// assuming the current RTD button is of fixed height
[[topRightAlternateLayoutGuide.topAnchor
    constraintEqualToAnchor:_mapView.navigationHeaderLayoutGuide.bottomAnchor
                   constant:50]
    setActive:YES];

[[topRightAlternateLayoutGuide.trailingAnchor
    constraintEqualToAnchor:self.view.safeAreaLayoutGuide.trailingAnchor
                   constant:-14]
    setActive:YES];

// Assign the layout guide
_mapView.bottomTrailingButtonsAlternateLayoutGuide = topRightAlternateLayoutGuide;

API Visibilità prompt (sperimentale)

// Additional methods added to GMSNavigatorListener
...
func navigatorWillPresentPrompt(_ navigator: GMSNavigator) {
  // Hide any sort of custom UI element.
}

func navigatorDidDismissPrompt(_ navigator: GMSNavigator) {
  // Show any sort of custom UI element.
}
...

// Additional methods added to GMSNavigatorListener
...
- (void)navigatorWillPresentPrompt:(GMSNavigator *)navigator {
  // Hide any sort of custom UI element.
}

- (void)navigatorDidDismissPrompt:(GMSNavigator *)navigator {
  // Show any sort of custom UI element.
}
...