Personalizza e aggiorna l'esperienza della roadmap per i tuoi utenti senza dover aggiornare il codice delle tue app. Con lo stile delle mappe basato sul cloud di Google Maps Platform nella console Google Cloud, puoi selezionare i colori e impostare la visibilità delle funzionalità nel tipo di mappa roadmap predefinito e applicarlo a tutte le tue applicazioni JavaScript, iOS e Android.
Sebbene Google Maps fornisca diverse visualizzazioni, come satellite, rilievi e stradale, la personalizzazione delle mappe basata su cloud influisce solo sul tipo di mappa roadmap predefinito.
Per informazioni su altri modi per personalizzare la mappa, consulta Personalizzare Maps.
Perché utilizzare la personalizzazione delle mappe basata su cloud
Con la personalizzazione delle mappe basata su cloud, puoi creare mappe più coinvolgenti e informative e aggiornarle senza modifiche al codice:
Altri elementi della mappa: personalizza quasi 100 singoli
elementi della mappa, suddivisi in quattro categorie. I punti d'interesse includono funzionalità come Intrattenimento,
Ricreazione e Servizi, ognuna delle quali ha anche diverse funzionalità secondarie. Ad esempio,
Servizi include Bancomat, Banca, Stazione di servizio e Bagno. Per l'elenco completo, vedi
Elementi che puoi personalizzare in una mappa.
Più modi per personalizzare le mappe: la personalizzazione delle mappe basata su cloud rende più semplice
e intuitivo definire lo stile della mappa. Gli aggiornamenti recenti ti offrono un controllo più granulare
sull'aspetto della mappa base con etichette e geometrie non disponibili in precedenza per
gli elementi della mappa. Ad esempio, puoi personalizzare le etichette applicate a
attrazioni turistiche, ristoranti, aree ricreative, servizi di emergenza, vendita al dettaglio e altro ancora.
Maps si carica rapidamente dopo il primo utilizzo: dopo il tempo di avvio iniziale, quando uno stile della mappa viene scaricato e memorizzato nella cache, le visualizzazioni e i movimenti di panoramica/zoom successivi della mappa sono più veloci.
Interfaccia dell'editor di stili di mappa migliorata: le impostazioni della mappa consentono di definire le proprietà dello stile della mappa, ad esempio gli stili di edifici e punti di riferimento e i livelli di densità dei PDI. Gli elementi con stile
vengono visualizzati tutti in un unico riquadro, offrendoti un'area della mappa più visibile quando apporti personalizzazioni.
È anche più facile trovare la funzionalità della mappa grazie a categorie più intuitive che si espandono e si comprimono, oltre a una casella di filtro per limitare l'elenco alla funzionalità della mappa che ti serve.
Cosa puoi fare con la personalizzazione delle mappe basata su cloud
Con la personalizzazione delle mappe basata su cloud puoi:
Utilizza un editor di stili no-code: un designer può creare e visualizzare l'anteprima di uno stile
in linea con i tuoi obiettivi e il tuo brand senza dover scrivere codice.
Modifica degli stili senza modifiche al codice: bozza e test delle modifiche allo stile della mappa
senza modifiche al codice una volta inserito l'ID mappa.
Applica gli stili ad altri elementi della mappa: modifica la visibilità e il colore di altri elementi della mappa,
come strade, edifici, corsi d'acqua, punti di interesse e itinerari del trasporto pubblico.
Come funziona la personalizzazione delle mappe basata su cloud
Gli stili di mappa vengono archiviati e modificati nella console Google Maps Platform Cloud. La tua applicazione utilizza un ID mappa per richiedere uno stile di mappa dalla console Cloud e poi lo applica alla tua applicazione. Puoi avere più ID mappa associati allo stesso stile di mappa,
in modo che le mappe abbiano lo stesso aspetto su tutte le piattaforme dell'applicazione.
Come utilizzare la personalizzazione delle mappe basata su cloud
Crea o apri un ID mappa per il tipo di applicazione e assegnagli uno stile di mappa.
Puoi creare ID mappa aggiuntivi per le applicazioni su altre piattaforme e assegnare
lo stesso stile di mappa. Per maggiori dettagli, vedi
Associare o rimuovere ID mappa dallo stile.
4
Aggiungere l'ID mappa all'applicazione
Le tue mappe utilizzano lo stile di mappa associato a quell'ID mappa. Per maggiori dettagli, vedi
Aggiungere l'ID mappa alla mappa.
5
Modificare lo stile della mappa online
Ogni volta che devi modificare lo stile della mappa, modificalo nella personalizzazione basata su cloud. Per maggiori dettagli, vedi
Aggiornare uno stile della mappa.
6
Pubblicare lo stile di mappa modificato
Quando lo stile di mappa è pronto per essere aggiornato, pubblicalo e il nuovo stile di mappa viene visualizzato
nell'applicazione. Per maggiori dettagli, vedi Pubblicare uno stile della mappa.
[null,null,["Ultimo aggiornamento 2025-08-12 UTC."],[[["\u003cp\u003eCloud-based maps styling allows you to customize the appearance of the default roadmap in your Google Maps Platform applications (Android, iOS, JavaScript, and Web Service) through the Google Cloud Console.\u003c/p\u003e\n"],["\u003cp\u003eYou can create and update map styles without needing to change your application code, making it easier to maintain a consistent brand experience across platforms.\u003c/p\u003e\n"],["\u003cp\u003eCloud-based maps styling offers a vast range of customization options for nearly 100 map features, providing granular control over colors, visibility, and labels for elements like roads, buildings, points of interest, and more.\u003c/p\u003e\n"],["\u003cp\u003eMap styles are associated with map IDs, enabling you to apply the same style across different applications and platforms by using the corresponding map ID.\u003c/p\u003e\n"],["\u003cp\u003eOnce a map style is downloaded and cached, subsequent map loads and interactions are faster, providing a smoother user experience.\u003c/p\u003e\n"]]],["Cloud-based map styling in Google Maps Platform allows customization of the default `roadmap` view for Android, iOS, and JavaScript applications. Key actions include creating map styles via a no-code editor, associating them with map IDs, and implementing these IDs into applications. This enables style changes without code updates. Users can customize nearly 100 features, including points of interest, labels, and geometries. The process involves getting started, creating styles, linking them to map IDs, and adding the ID to apps. Subsequent map views are quicker after the first load.\n"],null,["Select platform: [Android](/maps/documentation/android-sdk/cloud-customization \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\n| **Paid feature:**\n| Features accessed by adding a [map ID](/maps/documentation/get-map-id) triggers a map\n| load charged against the Dynamic Maps SKU for Android and iOS. See\n| [Google Maps Billing](/maps/billing-and-pricing/sku-details#dynamic-maps-ess-sku) for more information.\n\nCustomize and update the road map experience for your users without\nhaving to update your apps' code. With the Google Maps Platform cloud-based maps styling in the Google Cloud Console, you can select colors and set visibility for features on the default `roadmap` map type and apply it to all of your JavaScript, iOS, and Android applications.\n\nWhile Google Maps provides different views, such as satellite, terrain, and road map, cloud-based maps styling affects only the default `roadmap` map type.\n\nFor information on other ways to customize your map, see [Customize Maps](../map-ids/customize-maps-overview.md).\n\nWhy use cloud-based maps styling\n\nWith cloud-based maps styling, you can create more engaging and informative maps\nand update them without code changes:\n\n- **More map features** : Customize almost 100 individual map features, in four categories. Points of interest includes features such as Entertainment, Recreation, and Services, which each also have several child features. For example, Services includes ATM, Bank, Gas station, and Restroom. For the full list, see [What you can style on a map](/maps/documentation/javascript/cloud-customization/taxonomy).\n- **More ways to customize maps**: Cloud-based maps styling makes it easier and more intuitive for you to style your map. Recent updates give you more granular control over the look and feel of the basemap with labels and geometries not previously available for map features. For example, you can customize labels applied to tourist attractions, restaurants, recreational areas, emergency services, retail, and more.\n- **Maps load quickly after the first use**: After the initial startup time as a map style is downloaded and cached, subsequent views and pan/zoom movement of the map are faster.\n- **Improved map style editor interface**: Map settings let you define map style properties, such as Building and landmark styles and POI density levels. Styleable elements are all shown on a single panel, giving you more visible map area when making customizations. It is also easier to find your map feature with more intuitive categories that expand and collapse, plus a filter box to scope the list to the map feature you need.\n\nWhat can you do with cloud-based maps styling\n\nYou can do the following with cloud-based maps styling:\n\n- **Use a no-code style editor**: A designer can create and preview a style to match your goals and branding without needing to code.\n- **Change styles without code changes**: Draft and test map style changes without any changes to your code once the map ID is in place.\n- **Style more map features**: Change the visibility and color of more map features, such as roads, buildings, bodies of water, points of interest, and transit routes.\n\nHow cloud-based maps styling works\n\nMap styles are stored and edited in the Google Maps Platform Cloud Console. Your\napplication uses a map ID to request a map style from the cloud console, and then\napplies it to your application. You can have several map IDs associated with the same map style,\nso your maps can look the same across your application platforms. \n\nHow to use cloud-based maps styling\n\n|---|--------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| 1 | **Get started** | Head over to [Get started and set up](/maps/documentation/javascript/cloud-customization/setup), and then check out the [Tutorial](/maps/documentation/javascript/cloud-customization/tut). |\n| 2 | **Create a cloud-based map style** | See [Create and use map styles](/maps/documentation/javascript/cloud-customization/map-styles). |\n| 3 | **Associate your map style with a map ID** | Create or open a map ID for your application type, and assign a map style to it. You can create additional map IDs for applications on other platforms and assign the same map style to them. For details, see [Associate or remove map IDs on your style](/maps/documentation/javascript/cloud-customization/map-styles#associate-style-with-map-id). |\n| 4 | **Add the map ID to your application** | Your maps then use the map style associated with that map ID. For details, see [Add the map ID to your map](/maps/documentation/get-map-id#add-a-map-id-to-your-app). |\n| 5 | **Adjust your map style online** | Whenever you need to change your map style, edit it in cloud styling. For details, see [Update a map style](/maps/documentation/javascript/cloud-customization/map-styles#update-style). |\n| 6 | **Publish your changed map style** | When you're ready to update a map style, publish it, and your new map style shows up in your application. For details, see [Publish a map style](/maps/documentation/javascript/cloud-customization/map-styles#publish-style). |\n\nWhat's next\n\n- Try out the [Tutorial](/maps/documentation/javascript/cloud-customization/tut).\n- Check out cloud styling application requirements. See [Application requirements](/maps/documentation/javascript/cloud-customization/setup#reqs)."]]
