Aprire la personalizzazione delle mappe basata su cloud
Vai alla console Google Cloud e seleziona Stili mappa. Se necessario, seleziona o crea un progetto.
Seleziona Crea stile.
In fondo alla finestra di dialogo, seleziona Personalizza.
Personalizzare lo stile della rete stradale
In Elementi della mappa, espandi Infrastruttura, quindi seleziona Rete
stradale.
Nel riquadro visualizzato a destra, in Polilinea,
poi in Colore riempimento, seleziona la casella del colore.
Scegli un colore brillante. La modifica del colore seleziona automaticamente
la casella Colore riempimento.
In Ampiezza tratto, imposta l'ampiezza del tratto su 5 px.
Sulla mappa, aumenta e diminuisci lo zoom per vedere l'effetto delle modifiche. Poiché
hai selezionato un elemento della mappa relativamente in alto nella gerarchia,
tutti i tipi di strade sottostanti hanno ereditato le tue modifiche.
Salva e pubblica lo stile di mappa
In alto a destra, seleziona Salva.
In Salva e pubblica stile mappa, inserisci un nome e, facoltativamente, una
descrizione per lo stile di mappa.
Seleziona Salva. Lo stile di mappa viene salvato e pubblicato.
Passaggio 2: crea e collega un ID mappa
Un ID mappa ti consente di utilizzare lo stile della mappa su app e siti web. Se apporti modifiche
allo stile di mappa associato a un ID mappa, le modifiche allo stile
vengono pubblicate, quindi non sono necessari aggiornamenti di software o app.
Crea un ID mappa
Nella console Google Cloud, seleziona Gestione mappe.
In alto, seleziona Crea ID mappa.
Aggiungi un nome per l'ID mappa e, facoltativamente, una descrizione.
Seleziona il tipo di mappa per l'ID mappa, a seconda di dove vuoi utilizzare lo stile di mappa.
Seleziona Salva in basso alla pagina. L'ID mappa viene creato.
Collegare l'ID mappa allo stile di mappa
In Stile di mappa, seleziona Cambia stile accanto a Chiaro.
Nella sezione Cambia stile luce, scegli lo stile della mappa da
utilizzare per la modalità Luce nelle tue app e seleziona Fine.
Ripeti l'operazione selezionando Cambia stile accanto a Buio e scegli uno stile di mappa in modalità Buio.
Seleziona Salva. L'ID mappa è ora associato agli stili mappa.
Passaggio 3: aggiungi l'ID mappa alle tue app o ai tuoi siti web
Ora che hai un ID mappa associato a uno stile di mappa pubblicato,
puoi aggiungerlo alle tue app o ai tuoi siti web e testarlo per assicurarti che funzioni
come previsto.
Aggiorna uno stile. Apporta modifiche allo stile della mappa e pubblicalo.
Vedrai le modifiche visualizzate automaticamente nelle tue app e nei tuoi siti web. Se vuoi
testare le modifiche prima della pubblicazione, consulta
Testare gli aggiornamenti dello stile della mappa.
Utilizza la gerarchia degli elementi della mappa per ottenere in modo efficiente gli stili che preferisci.
Ad esempio, puoi applicare uno stile all'elemento della mappa di livello superiore Naturale>Terra
e tutti gli elementi della mappa di terra sottostanti ereditano lo stile. Puoi
quindi applicare uno stile personalizzato solo agli elementi della mappa secondaria che vuoi
che siano diversi.
[null,null,["Ultimo aggiornamento 2025-08-31 UTC."],[],[],null,["Select platform: [Android](/maps/documentation/android-sdk/cloud-customization/tut \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/tut \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/tut \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/tut \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\nThis tutorial walks you through the steps to create and use a map style that\nhighlights the road network:\n\n1. **[Create and publish a map style](#tut1)** so it's available to use.\n\n2. **[Create and connect a map ID](#tut2)** that lets you use your style in\n apps and websites.\n\n3. **[Add the map ID to your apps and websites](#tut3)** so your apps use\n your map style.\n\nStep 1: Create and publish a map style\n\nOpen cloud-based maps styling\n\n1. Go to the Google Cloud console, and select [**Map Styles**](https://console.cloud.google.com/project/_/google/maps-apis/studio/styles). Select or create a project, if needed.\n\n2. Select **Create Style**.\n\n3. At the bottom of the dialog, select **Customize**.\n\nStyle the Road network\n\n1. Under **Map Features** , expand **Infrastructure** , then select **Road\n network**.\n\n2. On the panel that pops up on the right, under **Polyline** ,\n then **Fill color**, select the color box.\n\n3. Choose a bright color. Changing the color automatically checks\n the **Fill color** box.\n\n | **Note:** A solid dot appears next to the map feature to indicate it has a custom style.\n4. Under **Stroke width**, set the stroke width to 5px.\n\n5. On the map, zoom in and out to see the effect of your changes. Because\n you selected a map feature that is relatively high in the hierarchy,\n all road types underneath it have inherited your changes.\n\nSave and publish your map style\n\n1. At the top right, select **Save**.\n\n2. In **Save and publish map style**, enter a name and, optionally, a\n description for your map style.\n\n3. Select **Save**. Your map style is saved and published.\n\n| **Note:** The first time you save a map style, it is published automatically since it's the first version. When you subsequently update a map style, you can save changes as drafts as you go, and then publish when you're finished and want the style updated.\n\nStep 2: Create and connect a map ID\n\nA map ID lets you use your map style on apps and websites. If you make changes\nto the map style associated with a map ID, your style changes\ngo live when you publish, so no software or app updates are needed.\n\nCreate a map ID\n\n1. In the Google Cloud console, select **Map Management**.\n\n2. At the top, select **Create map ID**.\n\n3. Add a name for your map ID, and optionally, a description.\n\n4. Select the map type for the map ID, depending on where you want to use your\n map style.\n\n | **Note:** If you want to use your map style for different types of applications or websites, create a new map ID for each type, and then connect them all to the same map style.\n5. At the bottom of the page, select **Save**. Your map ID is created.\n\nConnect the map ID to your map style\n\n1. Under **Map style** , select **Change style** next to **Light**.\n\n2. Under **Change light style** , choose what map style to\n use for light mode in your apps, and select **Done**.\n\n3. Repeat by selecting **Change Style** next to **Dark** and select a dark\n mode map style.\n\n | **Note:** If you don't select a dark style, or have not created any dark mode map styles, you can select the Google default dark map style.\n4. Select **Save**. Your map ID is now associated with your map styles.\n\nStep 3: Add the map ID to your apps or websites\n\nNow that you have a map ID that is associated with a published map style,\nyou can add it to your apps or websites and test to make sure it functions\nas expected.\n\nFor more information about adding a map ID, see\n[Add the map ID to your map](/maps/documentation/get-map-id#add-a-map-id-to-your-app).\n\nWhat's next\n\nHere are some things you can try next:\n\n- **Update a style** . Make changes to your map style and publish it,\n and see the changes show up automatically in your apps and websites. If you\n want to test your changes before they go live, see\n [Test map style updates](/maps/documentation/maps-static/cloud-customization/test-style-updates).\n\n- **Use the map feature hierarchy to efficiently get the styles you want** .\n For example, you can style the high-level map feature **Natural\\\u003eLand**,\n and all of the land map features under it inherit the styling. You can\n then do custom styling on just the child map features that you want to\n be different."]]
