Creare e utilizzare gli stili di mappa

Seleziona la piattaforma:Android iOS JavaScript Servizio web

Uno stile di mappa è un insieme di personalizzazioni visive degli elementi della mappa che associ a un ID mappa. A questo punto, fai riferimento all'ID mappa nel codice dell'applicazione per visualizzare la mappa personalizzata.

Puoi creare uno stile di mappa prima di avere un ID mappa. Tuttavia, per utilizzare lo stile, devi associarlo a un ID mappa. Per utilizzare uno stile della mappa, devi completare tutti questi passaggi:

  1. Crea e pubblica uno stile di mappa. Per maggiori dettagli, vedi Creare uno stile e Pubblicare uno stile.

  2. Crea un ID mappa. Per maggiori dettagli, consulta Creare un ID mappa.

  3. Associa lo stile di mappa a un ID mappa. Per maggiori dettagli, vedi Associare un ID mappa a uno stile di mappa.

  4. Aggiungi l'ID mappa alla tua app per visualizzare lo stile. Per maggiori dettagli, vedi Aggiungere l'ID mappa alla mappa.

Creare uno stile di mappa

Crea uno stile di mappa utilizzando uno di questi metodi:

  • Crea un nuovo stile utilizzando lo stile di mappa predefinito di Google.

  • Duplica e modifica uno stile standard o personalizzato esistente.

  • Importa uno stile di mappa JSON da utilizzare come stile personalizzato.

Crea un nuovo stile

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

  2. In Stili mappa, fai clic su Crea stile.

  3. Nella finestra di dialogo, nella scheda Stili Google, seleziona una delle seguenti opzioni:

    • Chiaro per creare uno stile di mappa chiaro, in cui il tipo di mappa è stradale.
    • Scuro per creare uno stile di mappa scuro, in cui il tipo di mappa è Roadmap scura.
  4. (Facoltativo) Per applicare la variante monocromatica allo stile della mappa, seleziona Monocromatico.

    Punto blu e cerchio blu che indicano uno stile personalizzato e lo stile principale

  5. Seleziona Personalizza per creare un nuovo stile senza titolo.

  6. Seleziona le funzionalità della mappa e modificale per creare lo stile di mappa che preferisci.

    Gli elementi della mappa con stili personalizzati sono contrassegnati da un punto blu pieno. Se personalizzi uno stile secondario, lo stile principale mostra un cerchio blu. Per ulteriori informazioni sulla gerarchia degli stili della mappa, consulta Informazioni sull'ereditarietà e sulla gerarchia degli stili della mappa.

  7. Fai clic su Salva.

  8. Nella casella Salva e pubblica lo stile di mappa, inserisci un nome per lo stile e, facoltativamente, una descrizione, quindi fai clic su Salva.

Lo stile viene pubblicato automaticamente e viene visualizzata la pagina principale del nuovo stile.

Duplicare uno stile

  1. Vai a Stili mappa e seleziona un progetto, se necessario.

  2. Seleziona uno degli stili esistenti.

  3. Nella pagina dello stile, fai clic su Duplica.

  4. Nella casella Duplica stile mappa, inserisci un nuovo nome per la mappa e, facoltativamente, una descrizione.

  5. Fai clic su Salva.

    Lo stile viene pubblicato automaticamente e puoi visualizzare la pagina principale del nuovo stile. Associalo a un ID mappa per utilizzarlo per le tue mappe. Per maggiori dettagli, vedi Associare un ID mappa a uno stile di mappa.

  6. Se vuoi modificare lo stile, fai clic su Personalizza, apporta le modifiche e fai clic su Salva.

Importare uno stile di mappa JSON

In alternativa, puoi creare uno stile di mappa utilizzando JSON. Per informazioni sulle proprietà che puoi stilizzare utilizzando JSON, consulta il riferimento allo stile JSON.

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

  2. In Stili mappa, fai clic su Crea stile.

  3. Nella finestra di dialogo, seleziona la scheda JSON.

  4. Incolla il codice di stile JSON valido nel campo.

    • Se il JSON non è valido, viene visualizzato l'avviso "Impossibile caricare l'anteprima dello stile".
    • Se il JSON è valido, viene visualizzata un'anteprima dello stile incollato ed è disponibile il pulsante blu Personalizza.
  5. Fai clic su Personalizza.

  6. Seleziona le funzionalità della mappa e rivedi o modifica il loro stile in base alle tue esigenze per creare lo stile di mappa che preferisci. Le funzionalità della mappa con stili personalizzati hanno un punto blu accanto.

  7. Fai clic su Salva.

  8. Nella casella Salva e pubblica lo stile di mappa, inserisci un nome per lo stile e, facoltativamente, una descrizione, quindi fai clic su Salva.

Lo stile viene pubblicato automaticamente e viene visualizzata la pagina principale del nuovo stile.

Pubblicare uno stile

Quando crei per la prima volta un nuovo stile di mappa, che include la duplicazione di uno stile esistente o l'importazione di uno stile JSON, la prima istanza del nuovo stile di mappa viene pubblicata automaticamente. Dopodiché, puoi salvare le modifiche come bozza e pubblicarle quando ti soddisfano.

  1. Apporta le modifiche allo stile della mappa o allo stile della mappa duplicato che vuoi pubblicare. Per maggiori dettagli, vedi Modificare uno stile.

  2. Mentre apporti le modifiche, fai clic su Salva.

  3. Quando tutto è pronto per la pubblicazione e le modifiche devono essere effettive per tutti gli ID mappa che utilizzano lo stile di mappa, fai clic su Salva, poi su Pubblica.

Stili di mappa pubblicati e bozze

Pubblicato: lo stile di mappa pubblicato è attivo. Tutte le mappe che utilizzano lo stile della mappa mostrano la versione pubblicata.

Bozza: le bozze di uno stile di mappa sono lavori in corso e non vengono visualizzate nelle mappe finché non le pubblichi.

Modificare uno stile

Se vuoi apportare modifiche allo stile della mappa, puoi farlo direttamente nell'editor di stili. Quando aggiorni uno stile, hai a disposizione due opzioni:

  • Se vuoi che le modifiche vengano pubblicate non appena sono pronte: fai clic su Personalizza e apporta le modifiche. Fai clic su Salva per salvare le modifiche come bozza, quindi fai clic su Pubblica quando è tutto pronto.

  • Se vuoi testare le modifiche in un ambiente di test: invece di apportare modifiche direttamente nello stile della mappa, duplica prima lo stile. Per maggiori dettagli, vedi Duplicare uno stile e Testare gli aggiornamenti dello stile della mappa.

Dopo aver creato uno stile della mappa, puoi apportarvi modifiche nella pagina principale dello stile in uno dei seguenti modi:

  • Modifica: fai clic su Personalizza.

  • Duplica: per maggiori dettagli, vedi Duplicare uno stile.

  • Rinomina: rinomina lo stile della mappa.

  • Elimina: elimina lo stile della mappa.

Utilizzare stili basati sui dati e set di dati

Nella pagina principale dello stile, puoi attivare e visualizzare i livelli per lo stile basato sui dati per i confini e lo stile basato sui dati per i set di dati negli stili di mappa chiari.

Quando colleghi uno stile di mappa chiaro con stili basati sui dati o set di dati abilitati a un ID mappa, i livelli abilitati sono disponibili anche per lo stile di mappa scuro .

Per utilizzare lo stile basato sui dati o i set di dati con uno stile di mappa scuro , devi eseguire le seguenti operazioni nella console Google Cloud:

  1. Vai a Stili mappa e seleziona uno stile mappa chiaro o creane uno.

  2. Nella pagina principale dello stile, attiva i livelli che preferisci in uno stile della mappa chiaro.

  3. Associa lo stile di mappa chiaro allo stesso ID mappa dello stile di mappa scuro.

Associa lo stile a un ID mappa

Associa lo stile a un ID mappa per visualizzare lo stile personalizzato sul tuo sito web e nella tua app. Un ID mappa può avere associato un solo stile chiaro (tipo roadmap) e un solo stile scuro (tipo roadmap scuro).

Per modificare lo stile associato a un ID mappa, procedi nel seguente modo nella console Google Cloud:

  1. Vai a Gestione mappa e seleziona un ID mappa.

  2. Nella sezione Stili di mappa, fai clic su Cambia stile per uno stile di mappa chiaro o scuro.

    Il riquadro mostra solo gli stili con un tipo di mappa stradale per gli stili chiari e solo gli stili con un tipo di mappa stradale scura per gli stili scuri.

  3. Nel riquadro, seleziona uno degli stili da associare a questo ID mappa.

  4. Fai clic su Fine.

  5. Fai clic su Salva per applicare tutte le modifiche.

Per utilizzare lo stile di mappa basato su cloud, aggiungi l'ID mappa alla tua app.

La navigazione sulla mappa di anteprima è identica a quella su qualsiasi mappa di Google:

  • Inserisci un indirizzo o una posizione nella casella Cerca indirizzo.

  • Fai clic sulla bussola per centrare la mappa sulla tua posizione. Potresti anche dover concedere le autorizzazioni di accesso alla posizione.

  • Trascina per spostare la mappa.

  • Aumenta o diminuisci lo zoom utilizzando i simboli più (+) e meno (-).

Trovare gli elementi della mappa

Per trovare una funzionalità della mappa a cui vuoi applicare uno stile, puoi utilizzare il filtro o lo strumento di ispezione della mappa.

Puoi anche espandere e comprimere le categorie delle funzionalità di Maps per trovare quella che ti interessa. Sfoglia l'elenco delle funzionalità della mappa in Elementi a cui puoi applicare uno stile su una mappa.

Filtrare gli elementi della mappa

Per trovare le funzionalità della mappa utilizzando il filtro, inserisci un termine nella casella Filtro in Funzionalità della mappa.

Se non riesci a trovare una funzionalità di Maps:

  • Non utilizzare i plurali. Tutte le categorie sono singolari.

  • Prova a utilizzare un termine più generico per la funzionalità. Ad esempio, invece di "pizzeria" o "fast food", cerca "ristorante".

  • Prova a utilizzare una categoria più ampia, quindi esplorala per trovare la funzionalità di Maps più vicina. Ad esempio, anziché "teatro", cerca "intrattenimento".

Esaminare gli elementi della mappa

Per trovare le funzionalità della mappa utilizzando lo strumento di ispezione della mappa:

  1. Fai clic con il tasto sinistro del mouse in un punto qualsiasi della mappa per aprire l'ispettore della mappa nel punto in cui hai fatto clic.

    L'ispettore della mappa si apre sopra lo Space Needle ed elenca sei funzionalità della mappa nel punto in cui hai fatto clic: punto di riferimento, parco, corridoio commerciale, area urbana, arbusto e base.

  2. Seleziona un elemento della mappa nell'ispettore della mappa per aprirlo nel riquadro Elementi mappa.

    La funzionalità della mappa Punti di riferimento è selezionata nell'ispettore della mappa e il riquadro Elementi della mappa si espande per mostrare gli elementi di stile personalizzabili.