Personalizzazione delle mappe basata su cloud

Mantieni tutto organizzato con le raccolte Salva e classifica i contenuti in base alle tue preferenze.
Seleziona piattaforma: Android iOS JavaScript Servizio web

Google Maps Platform offre funzionalità di stile delle mappe basate su cloud che semplificano lo stile, la personalizzazione e la gestione delle tue mappe utilizzando Google Cloud Console. In questo modo, puoi creare un'esperienza di mappatura personalizzata per gli utenti senza dover aggiornare il codice delle app ogni volta che apporti una modifica di stile.

Gli stili creati prima del 15 settembre 2020 non mostrano le funzionalità naturali avanzate di Google Maps. Per utilizzare il supporto delle funzionalità naturali avanzate di Google Maps per lo stile della mappa, devi creare uno stile mappa.

La Personalizzazione delle mappe basata su cloud ti consente di creare e modificare gli stili delle mappe per qualsiasi app che utilizzi Google Maps, senza richiedere modifiche al codice una volta inserito l'ID mappa. Tutte le modifiche allo stile possono essere eseguite in Cloud Console, senza bisogno di competenze di programmazione. Modificare l'aspetto e il colore di molti elementi della mappa, come strade, edifici, specchi d'acqua, punti d'interesse e percorsi dei trasporti pubblici.

Tali funzionalità includono:

  • Stile mappa basato su cloud: anziché modificare lo stile della mappa nel codice utilizzando JSON, gestisci e definisci uno stile per le mappe dinamiche o statiche in Cloud Console utilizzando gli ID mappa e gli stili mappa.
  • Filtro per PDI aziendali: se vuoi, puoi rimuovere dalla visualizzazione della mappa cinque categorie di punti di interesse.
  • Controllo della densità dei PDI: la densità dei punti d'interesse mostrati sulla mappa base può essere regolata in modo da mostrare per impostazione predefinita maggiori o meno punti d'interesse.

Anche se lo stile delle mappe basato su cloud è disponibile su Maps SDK for Android1, Maps SDK per iOS, JavaScript e API Maps Static, non tutte le funzionalità saranno visibili su tutte le piattaforme.

Prima di iniziare

  • Crea un ID mappa
    Per utilizzare gli stili di mappe basati su cloud, la mappa deve essere caricata utilizzando un ID mappa.
  • Esegui la migrazione dallo stile hardcoded
    Prima di aggiungere un ID mappa per utilizzare gli stili delle mappe basati su cloud su una mappa esistente personalizzata con stile hardcoded, ad esempio parametri di ricerca JSON o URL, ti consigliamo di rimuovere lo stile hardcoded per evitare potenziali conflitti con funzionalità future. Puoi importare lo stile JSON in un nuovo stile di mappa.

Fatturazione

L'utilizzo dello stile Maps basato su cloud richiede un ID mappa. Su Maps SDK for Android, Maps SDK for iOS e JavaScript, l'utilizzo di un ID mappa comporta un addebito rispetto allo SKU di Dynamic Maps. Per l'API Static Maps, l'utilizzo di un ID mappa comporta un addebito rispetto allo SKU Static Maps.

Esempi

Esegui l'app ApiDemos di esempio

Per eseguire l'app di esempio ApiDemos, vedi l'app di esempio GitHub e visualizza il progetto CloudBasedMapStylingViewController (esempio di GitHub per Swift | Objective-C).

Demo facoltativa Cloud Styling CocoaPod o GitHub

Invece di partire da zero, puoi provare la nostra applicazione di esempio Objective-C che mostra come applicare uno stile alla mappa iOS dal cloud qui.

Creazione dell'app demo beta

In Xcode, premi il pulsante di compilazione per creare ed eseguire l'attuale schema. La build genera un errore che chiede di inserire la chiave API nel file SDKDemoAPIKey.h.

Se non hai ancora una chiave API, segui queste istruzioni per configurare un progetto in Cloud Console e ottenere una chiave API. Quando configuri la chiave in Cloud Console, puoi specificare l'identificatore bundle dell'app per assicurarti che solo l'app possa utilizzarla. L'identificatore predefinito del bundle dell'app degli esempi di SDK è com.example.GoogleMapsDemos.

Modifica il file SDKDemoAPIKey.h e incolla la chiave API nella definizione della costante kAPIKey:

```
static NSString *const kAPIKey = @"YOUR_API_KEY";
```

Se Xcode richiede lo sblocco del file SDKDemoAPIKey.h per la modifica, scegli Sblocca.

Rimuovi la seguente riga:

```
#error Register for API Key and insert here.
```

Crea ed esegui il progetto.

Demo di stile della mappa basata su cloud

La demo CloudStyling mostra come applicare uno stile alla mappa utilizzando uno stile impostato in Google Cloud Console.

Quando viene avviata l'applicazione demo, fai clic sulla demo Personalizzazione della mappa nella sezione Beta Esempi nella parte superiore dell'elenco.

Fai clic su Mappa stile per vedere l'effetto del caricamento di ID mappa diversi.

Puoi anche provare ad aggiungere il tuo stile ("Mappa stile" > "Aggiungi un nuovo ID mappa") per vedere l'aggiornamento della mappa con la tua mappa personalizzata.

  1. La personalizzazione delle mappe basata su cloud non è disponibile nella modalità Lite di Android. ↩