Personalizzare i livelli di zoom

Seleziona la piattaforma: Android iOS JavaScript Servizio web

Disponibilità: questa funzionalità è visibile su Android, iOS, JavaScript e Maps Static.

Personalizza meglio la mappa in base alle esigenze degli utenti mettendo in evidenza le funzionalità al livello di zoom in cui viene visualizzata la mappa. Ad esempio, puoi mettere in evidenza i PDI o le strade una volta che gli spettatori hanno ingrandito una determinata località di interesse.

Puoi applicare uno stile agli elementi della mappa in modo che appaiano uguali a tutti i livelli di zoom su una mappa oppure, per alcuni elementi, puoi creare stili diversi per livelli di zoom diversi.

Non tutte le funzionalità consentono di personalizzare i livelli di zoom. Gli elementi delle funzionalità della mappa su cui puoi impostare la personalizzazione in base al livello di zoom hanno un'icona a forma di rombo a destra.

Icona a forma di diamante che indica che la personalizzazione in base al livello di zoom è disponibile

Informazioni sulla personalizzazione in base al livello di zoom

I livelli di zoom vanno da 0, il livello di zoom più basso che mostra il mondo, a 22, il livello di zoom più alto che mostra una piccola parte dettagliata della mappa. Un keyzoom è un livello di zoom in cui vuoi iniziare un nuovo stile.

Quando applichi uno stile alle funzionalità della mappa a livelli di zoom diversi, questo stile viene applicato a tutti i livelli di zoom superiori (più ingranditi) fino a quando non viene raggiunto un altro stile di livello di zoom. Il livello di zoom 0 viene sempre aggiunto con lo stile corrente.

Ad esempio, se imposti gli stili ai livelli di zoom 5 e 10:

  • Lo stile del livello di zoom 5 si applica ai livelli di zoom da 5 a 9.
  • Lo stile del livello di zoom 10 si applica ai livelli di zoom da 10 a 22.
  • I livelli di zoom da 0 a 4 mantengono lo stile corrente.

Quando personalizzi uno stile di livello di zoom per un elemento della mappa, questo stile sostituisce tutti gli stili personalizzati dell'elemento della mappa complessivo.

Informazioni sulle transizioni del livello di zoom per le mappe 3D

Quando inclini una mappa 3D e passi da un livello di zoom all'altro, potresti vedere i colori di transizione al di fuori degli stili di livello di zoom impostati.

Ad esempio, se imposti gli stili di livello di zoom come segue:

  • Per il livello di zoom 10, colore di riempimento dell'acqua = nero.
  • Per il livello di zoom 11, colore di riempimento dell'acqua = bianco.

Il colore di riempimento dell'acqua potrebbe apparire grigio durante la transizione tra i due livelli di zoom, come mostrato nella figura seguente:

Il colore di riempimento dell'acqua è nero al livello di zoom 10, grigio durante la transizione al livello di zoom 11 e poi bianco al livello di zoom 11.

Personalizzare diversi livelli di zoom

  1. Nella console Cloud, vai a Stili mappa, e seleziona un progetto, se necessario.

  2. Crea o apri uno stile di mappa e seleziona Personalizza. Per i dettagli, consulta Creare uno stile di mappa.

  3. Nel riquadro Funzionalità mappa, seleziona un elemento della mappa da personalizzare. Si apre il riquadro dello stile che mostra gli elementi che puoi personalizzare.

  4. Accanto all'elemento a cui vuoi aggiungere la personalizzazione in base al livello di zoom, seleziona il rombo di zoom a destra per aprire il riquadro keyzoom.

    Icona a forma di diamante che indica che la personalizzazione in base al livello di zoom è disponibile

  5. Accanto a Zoom attuale, seleziona il livello di zoom che vuoi personalizzare. La mappa di anteprima si adatta a quel livello di zoom.

    Un menu che mostra tutti gli stili di zoom chiave e un selettore per il livello di zoom attuale

  6. Seleziona Aggiungi keyzoom per aggiungere un nuovo keyzoom al livello di zoom selezionato e visualizzare il rispettivo valore della basemap predefinita.

    Nel riquadro Keyzoom viene visualizzato un nuovo stile di livello di zoom per il livello di zoom corrente 12 con il valore predefinito della basemap.

  7. Applica uno stile a questo livello di zoom e a tutti gli altri livelli di zoom, se necessario.

    Impostare un nuovo stile di livello di zoom

  8. Per impostare un altro livello di zoom, modifica lo zoom attuale e seleziona di nuovo Aggiungi keyzoom per aggiungere un altro livello di zoom all'elenco. Continua ad aggiungere e impostare gli stili di livello di zoom finché non hai finito.

  9. Al termine, chiudi il riquadro keyzoom.

Sovrascrivere i valori di colore della basemap predefinita per un elemento

Per sovrascrivere tutti i valori di colore della basemap predefinita per un elemento a tutti i livelli di zoom, applica prima uno stile all'elemento. Quando aggiungi i keyzoom, il keyzoom utilizza il colore impostato per l'elemento anziché il colore della basemap predefinita.

Salvare e pubblicare la personalizzazione in base al livello di zoom

  1. Per salvare le modifiche allo stile della mappa, seleziona Salva.

  2. Per rendere effettive le modifiche per gli ID mappa associati allo stile di mappa, seleziona Pubblica.

Rimuovere uno stile di livello di zoom

  1. Nel riquadro Funzionalità mappa, seleziona un elemento della mappa personalizzato.

  2. Accanto a un elemento di stile, seleziona il rombo a destra. Gli elementi con la personalizzazione in base al livello di zoom personalizzata mostrano un rombo blu pieno.

    L'elemento di stile di visibilità ha un'icona a forma di rombo grigia senza riempimento. L'elemento di stile del colore di riempimento ha un rombo blu pieno, che indica che è impostata una personalizzazione in base al livello di zoom.

  3. Nel riquadro keyzoom, seleziona l'icona meno per eliminare un livello di zoom.

    Per eliminare uno stile di livello di zoom, seleziona l'icona meno.

Rimuovere tutti gli stili di livello di zoom

Se vuoi rimuovere tutti gli stili personalizzati da un elemento della mappa, puoi eseguire una delle seguenti operazioni:

  • Nel riquadro dello stile, seleziona l'icona meno di rimozione accanto al nome dell'elemento.
  • Nel riquadro keyzoom, seleziona l'icona di ripristino accanto al nome dell'elemento.

Visualizzare l'anteprima dei dettagli a livello di strada

Puoi visualizzare l'anteprima dei dettagli a livello di strada migliorati ai livelli di zoom 17 e superiori negli stili esistenti, ad esempio larghezze realistiche delle strade, marciapiedi, segnaletica orizzontale e altre funzionalità in città selezionate. Devi attivare l'anteprima per ogni sessione dell'editor degli stili. Queste funzionalità della mappa dei dettagli stradali sono visibili solo negli SDK o nelle API che supportano i dettagli a livello di strada. Per applicarli nella tua app, devi aggiornare l'SDK o l'API associata alla versione che supporta i dettagli a livello di strada. Per ulteriori informazioni sulle versioni dell'API e dell'SDK, consulta Dettagli a livello di strada per Google Maps Platform.

Per attivare l'anteprima dei dettagli stradali:

  1. Nella console Google Cloud, vai a Stili mappa.

  2. Seleziona uno stile esistente o Crea uno stile.

  3. Fai clic su Personalizza.

  4. Nell'editor degli stili, fai clic su Anteprima dettagli stradali.

  5. Nella finestra di dialogo di anteprima, attiva/disattiva l'opzione Dettagli stradali.

Per i dettagli sui dettagli a livello di strada a cui puoi applicare uno stile, consulta Elementi a cui puoi applicare uno stile sulla mappa.

Aggiungere stili di livello di zoom per attenuare la transizione di stile per i livelli di zoom 17 e superiori

Ai livelli di zoom 17 e superiori con i dettagli a livello di strada attivati, gli elementi della mappa stradale scompaiono e diventano l'elemento della mappa di superficie. Man mano che aumenti lo zoom, vengono visualizzati gli elementi con stile che si applicano all'elemento della mappa di superficie e sostituiscono gli elementi e gli stili della mappa stradale.

Per rendere più fluida la transizione tra gli stili degli elementi della mappa, puoi aggiungere stili di livello di zoom per bloccare i colori degli stili tra livelli di zoom specifici. Puoi utilizzare gli stili di livello di zoom anche per controllare quando passare gradualmente a un nuovo colore di stile.

Ad esempio, al livello di zoom 16, le funzionalità della mappa elencate hanno lo stile seguente:

  • Le arterie sono rosse.
  • Le autostrade sono blu.
  • Le strade locali sono gialle.
  • La superficie è beige.

Una mappa di Seattle al livello di zoom 16 in cui le strade sono stilizzate in rosso, blu e
giallo.

Quando aumenti lo zoom fino al livello di zoom 17, le arterie, le autostrade e le strade locali diventano l'elemento della mappa di superficie, che ha lo stile beige.

La stessa mappa di Seattle al livello di zoom 17 e tutte le strade sono ora di colore beige
perché è stata attivata la funzionalità
Mappa di superficie.

Per creare una transizione più fluida tra gli elementi della mappa stradale e l'elemento della mappa di superficie, aggiungi i seguenti zoom chiave e la seguente personalizzazione in base al livello di zoom:

Elemento della mappa Livello di zoom 0 Livello di zoom 12 Livello di zoom 17
Arterie rosso rosso beige
Autostrada blu blu beige
Locale giallo giallo beige

Dopo aver aggiunto la personalizzazione in base al livello di zoom, quando aumenti lo zoom si verifica quanto segue:

  • Le arterie, le autostrade e le strade locali mostrano il colore con stile personalizzato dai livelli di zoom 0 a 12.
  • Dopo il livello di zoom 12, il colore con stile inizia a sfumare nel colore beige fino a passare completamente al colore beige dello stile dell'elemento della mappa di superficie al livello di zoom 17.

La stessa mappa di Seattle, ma con gli stili del livello di zoom aggiunti a 12 e 17 in modo che i
colori dell'autostrada blu sfumino nella superficie
beige.