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 PDI o strade una volta che gli spettatori hanno aumentato lo zoom su una determinata località di interesse.

Puoi applicare uno stile agli elementi delle funzionalità della mappa in modo che appaiano uguali a tutti i livelli di zoom di 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 lo stile del livello di zoom hanno un'icona a forma di rombo a destra.

Icona a forma di diamante che indica che lo stile del livello di zoom è disponibile

Informazioni sulla personalizzazione in base al livello di zoom

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

Quando applichi uno stile agli elementi della mappa a diversi livelli di zoom, questo stile viene applicato a tutti i livelli di zoom più elevati (più ingranditi) finché 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 10-22.
  • I livelli di zoom da 0 a 4 mantengono lo stile attuale.

Quando personalizzi uno stile del livello di zoom per un elemento della mappa, questo sostituisce 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 colori di transizione al di fuori degli stili del livello di zoom impostato.

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

  • Per il livello di zoom 10, il colore di riempimento dell'acqua è nero.
  • Per il livello di zoom 11, il 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 di mappa e seleziona un progetto, se necessario.

  2. Crea o apri uno stile di mappa e seleziona Personalizza. Per maggiori dettagli, vedi Creare uno stile della mappa.

  3. Nel riquadro Elementi mappa, seleziona un elemento mappa da personalizzare. Si apre un riquadro che mostra gli elementi che puoi personalizzare.

  4. Accanto all'elemento a cui vuoi aggiungere lo stile del livello di zoom, seleziona il rombo dello zoom a destra per aprire il pannello di stile del livello di zoom.

    Icona a forma di diamante che indica che lo stile del livello di zoom è disponibile

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

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

  6. Seleziona Aggiungi zoom tasti. Il riquadro di stile del livello di zoom aggiunge il nuovo zoom chiave al livello di zoom selezionato e mostra il valore della basemap predefinita corrispondente.

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

  7. Stila questo livello di zoom e qualsiasi altro livello di zoom in base alle tue esigenze.

    Impostare un nuovo stile di livello di zoom

  8. Per impostare un altro livello di zoom, modifica Zoom corrente e seleziona di nuovo Aggiungi zoom chiave per aggiungere un altro livello di zoom all'elenco. Continua ad aggiungere e impostare gli stili del livello di zoom finché non hai terminato.

  9. Al termine, chiudi il riquadro di stile del livello di zoom.

Sovrascrivere i valori di colore predefiniti della mappa di base per un elemento

Per sovrascrivere tutti i valori di colore predefiniti della basemap per un elemento nei vari livelli di zoom, prima applica lo stile all'elemento nel riquadro degli elementi. Quando aggiungi keyzoom, questo utilizza il colore impostato per l'elemento anziché il colore predefinito della basemap.

Salva e pubblica 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 Elementi mappa, seleziona un elemento mappa personalizzato.

  2. Accanto a un elemento di stile, seleziona il rombo a destra. Gli elementi con uno stile di livello di zoom personalizzato mostrano un rombo blu pieno.

    L'elemento dello 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 è stato impostato uno stile personalizzato del livello di zoom.

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

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

Rimuovi tutti gli stili di livello di zoom

Se vuoi rimuovere tutti gli stili personalizzati da un elemento di una funzionalità della mappa, puoi procedere in uno dei seguenti modi:

  • Nel pannello degli elementi, seleziona l'icona meno accanto al nome dell'elemento.
  • Nel pannello 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 avanzati a livello stradale con livelli di zoom 17+ negli stili esistenti, come larghezze realistiche delle strade, marciapiedi, segnaletica orizzontale e altre funzionalità in alcune città. Devi attivare l'anteprima per ogni sessione dell'editor di stili. Queste funzionalità della mappa stradale dettagliata sono visibili solo negli SDK o nelle API che supportano i dettagli a livello stradale. 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 delle API e degli 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 di mappa.

  2. Seleziona uno stile esistente o fai clic su Crea uno stile.

  3. Fai clic su Personalizza.

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

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

Per informazioni dettagliate su quali dettagli a livello di strada puoi personalizzare, vedi Cosa puoi personalizzare sulla mappa.

Aggiungi 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 stradale attivati, le funzionalità della mappa stradale scompaiono e diventano la funzionalità della mappa di superficie. Man mano che aumenti lo zoom, gli elementi stilizzati che si applicano alla funzionalità Mappa della superficie vengono visualizzati e sostituiscono le funzionalità e gli stili della mappa stradale.

Per rendere più fluida la transizione tra gli stili delle funzionalità della mappa, puoi aggiungere stili di livello di zoom per bloccare i colori dello stile tra livelli di zoom specifici. Puoi utilizzare gli stili del livello di zoom anche per controllare quando eseguire una transizione graduale a un nuovo colore dello stile.

Ad esempio, al livello di zoom 16, gli elementi della mappa elencati hanno lo stile seguente:

  • Arterial è rosso.
  • L'autostrada è blu.
  • Locale è giallo.
  • 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 17, le arterie, le autostrade e le strade locali passano alla funzionalità Mappa di superficie, il cui 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 le funzionalità della mappa stradale e della mappa di superficie, aggiungi i seguenti keyzoom e stili di livello di zoom:

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

Dopo aver aggiunto lo stile del livello di zoom, quando aumenti lo zoom, si verifica quanto segue:

  • Le arterie, le autostrade e le strade locali mostrano il colore personalizzato dai livelli di zoom da 0 a 12.
  • Dopo il livello di zoom 12, il colore stilizzato inizia a sbiadire nel colore beige fino a passare completamente al colore beige dello stile della funzionalità Mappa della 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.