Un ID mappa è un identificatore univoco che rappresenta le impostazioni di configurazione e stile di Google Maps archiviate in Google Cloud. Utilizzi gli ID mappa per attivare funzionalità o gestire o applicare stili alle mappe sui tuoi siti web e nelle tue applicazioni. Puoi creare ID mappa per ogni piattaforma di cui hai bisogno (JavaScript, Android, iOS o mappe statiche) nel progetto della console Google Cloud nella pagina Gestione mappa.
Utilizza gli ID mappa per attivare funzionalità e stili. Ecco alcuni esempi di come utilizzare gli ID mappa. Per un elenco completo, consulta Funzionalità che utilizzano gli ID mappa:
Personalizzazione delle mappe basata su cloud: associa un ID mappa a uno stile di mappa per
personalizzare e gestire le mappe utilizzando la console Google Cloud.
Disponibile su tutte le piattaforme:
Android,
iOS,
JavaScript
e API Maps Static.
Mappe vettoriali: utilizza un ID mappa per utilizzare una mappa composta da riquadri basati su vettori
che vengono disegnati al momento del caricamento sul lato client utilizzando WebGL.
Disponibile su JavaScript.
Indicatori avanzati: utilizza un ID mappa per attivare gli indicatori avanzati. Disponibile su
Android,
iOS e
JavaScript.
Esempio di personalizzazione delle mappe basata su cloud
Per utilizzare la personalizzazione delle mappe basata su cloud per personalizzare le mappe sul tuo sito web e nelle tue app per Android,
segui questi passaggi:
Crea ID mappa per ogni piattaforma che utilizzi. Ad esempio, crea un ID mappa
JavaScript e Android. Per maggiori dettagli, consulta
Creare ID mappa.
Associa entrambi gli ID mappa allo stile di mappa nella console Google Cloud.
Per maggiori dettagli, vedi Associare gli ID mappa allo stile.
Fai riferimento all'ID mappa nel codice JavaScript del tuo sito web e nel codice della tua app per Android.
Per maggiori dettagli, vedi Aggiungere un ID mappa all'app.
Lo stile della mappa associato agli ID mappa viene quindi visualizzato sul tuo sito web e nella tua app per Android. Puoi apportare aggiornamenti allo stile della mappa nella console Cloud e le modifiche vengono visualizzate automaticamente in entrambi i casi, senza che i tuoi clienti debbano aggiornare l'app.
Funzionalità che utilizzano gli ID mappa
La tabella seguente mostra le funzionalità e le API di Google Maps Platform che utilizzano gli ID mappa:
Funzionalità o API
Utilizza gli ID mappa per raggiungere questi obiettivi
Attiva le funzionalità WebGL utilizzando un ID mappa vettoriale JavaScript.
1 L'utilizzo di un ID mappa in Maps SDK for Android o in Maps SDK for iOS attiva un caricamento mappa che viene addebitato in base allo SKU di Dynamic Maps.
[null,null,["Ultimo aggiornamento 2025-08-31 UTC."],[[["\u003cp\u003eA map ID is a unique identifier used to manage and style Google Maps on websites and within applications, and they are created in the Google Cloud console.\u003c/p\u003e\n"],["\u003cp\u003eMap IDs enable features such as cloud-based map styling, vector maps, and advanced markers across various platforms like Android, iOS, and JavaScript.\u003c/p\u003e\n"],["\u003cp\u003eUsing map IDs allows for dynamic styling updates via the Google Cloud console without requiring application updates, as changes are automatically reflected.\u003c/p\u003e\n"],["\u003cp\u003eAssociating a map ID with a map on Android or iOS platforms triggers a map load, which is charged against the Dynamic Maps SKU, influencing billing.\u003c/p\u003e\n"],["\u003cp\u003eMap IDs are utilized across a variety of Google Maps Platform features and APIs, including Advanced Markers, data-driven styling for boundaries and datasets, Flutter, and the Maps Embed API.\u003c/p\u003e\n"]]],[],null,["Select platform: [Android](/maps/documentation/android-sdk/map-ids/mapid-over \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/map-ids/mapid-over \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/map-ids/mapid-over \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/map-ids/mapid-over \"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\nA map ID is a unique identifier that represents Google Map styling and configuration settings that are stored in Google Cloud. You use map IDs to enable features or manage or style maps on your websites and in your applications. You can create map IDs for each platform you need--JavaScript, Android, iOS, or Static maps--in your Google Cloud console project on the **Map Management** page.\n\nFor how to create map IDs, see [How to create map IDs](/maps/documentation/ios-sdk/map-ids/get-map-id).\n\nWhat you can do with map IDs\n\nUse map IDs to enable features and styling. Here are some examples of how to\nuse map IDs. For a full list, see [Features that use map IDs](#features-available):\n\n- **Cloud-based maps styling** : Associate a map ID with a map style to\n style, customize, and manage your maps using the Google Cloud console.\n Available on all platforms:\n [Android](/maps/documentation/android-sdk/cloud-customization),\n [iOS](/maps/documentation/ios-sdk/cloud-customization),\n [JavaScript](/maps/documentation/javascript/cloud-customization),\n and [Maps Static API](/maps/documentation/maps-static/cloud-customization).\n\n- **Vector maps** : Use a map ID to use a map composed of vector-based tiles\n that are drawn at load time on the client side using WebGL.\n Available on [JavaScript](/maps/documentation/javascript/vector-map).\n\n- **Advanced markers** : Use a map ID to enable Advanced markers. Available on\n [Android](/maps/documentation/android-sdk/advanced-markers/overview),\n [iOS](/maps/documentation/ios-sdk/advanced-markers/overview), and\n [JavaScript](/maps/documentation/javascript/advanced-markers/overview).\n\nExample for cloud-based maps styling\n\nTo use cloud-based maps styling to style maps on your website and Android apps,\nfollow these steps:\n\n1. Create map IDs for each platform you are using. For example, create a\n JavaScript and an Android map ID. For details, see\n [Create map IDs](/maps/documentation/ios-sdk/map-ids/get-map-id).\n\n2. Configure a map style on the Google Cloud console. For details, see\n [cloud-based maps styling](/maps/documentation/javascript/cloud-customization/map-styles-leg).\n\n3. Associate both of your map IDs with the map style in the Google Cloud console.\n For details, see [Associate map IDs with your style](/maps/documentation/javascript/cloud-customization/map-styles-leg#associate-style-with-map-id).\n\n4. Reference the map ID in your website JavaScript and your Android app code.\n For details, see [Add a map ID to your app](/maps/documentation/ios-sdk/map-ids/get-map-id#add-a-map-id-to-your-app).\n\nThe map style associated with your map IDs is then displayed on your website and\nin your Android app. You can make updates to your map style in the\nCloud console, and changes appear in both places automatically,\nwithout the need for any app updates by your customers.\n\nFeatures that use map IDs\n\nThe following table shows the Google Maps Platform features and APIs that use\nmap IDs:\n\n| Feature or API | Uses map IDs to accomplish these goals |\n|-----------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------|\n| [Advanced markers](/maps/documentation/javascript/advanced-markers/overview) | Enable advanced markers. You don't need to create a map ID, and can instead use the demo map ID `DEMO_MAP_ID`. |\n| [Data-driven styling for boundaries](/maps/documentation/android-sdk/dds-boundaries/overview) | Associate the map ID with a set of boundaries and styling to style the map according to the boundaries. |\n| [Data-driven styling for datasets](/maps/documentation/android-sdk/dds-datasets/overview) | Associate the map ID with a set of data and styling to style the map according to the dataset. |\n| [Flutter](/maps/documentation/cross-platform/navigation) | Style the Google maps used in your Flutter apps. |\n| [Maps Embed API](/maps/documentation/embed/get-started) | Specify and style the map to be embedded on a web page. |\n| [Maps JavaScript API](/maps/documentation/javascript/cloud-customization) | Style the map to be displayed on a web page. |\n| [Maps SDK for Android](/maps/documentation/android-sdk/cloud-customization) | Style the map to be displayed in an Android application.^1^ |\n| [Maps SDK for iOS](/maps/documentation/ios-sdk/cloud-customization) | Style the map to be displayed in an iOS application.^1^ |\n| [Maps Static API](/maps/documentation/maps-static/cloud-customization) | Specify and style the map to be rendered as a static image. |\n| [Mobility solutions](/maps/documentation/mobility/journey-sharing/on-demand/javascript/style) | Use the Maps JavaScript API and SDKs for Android and iOS to style maps in Mobility solutions.^1^ |\n| [WebGL (Vector maps)](/maps/documentation/javascript/webgl) | Enable WebGL features using a JavaScript vector map ID. |\n\n^1^ Using a map ID on Maps SDK for Android or Maps SDK for iOS\ntriggers a map load that is charged against the Dynamic Maps SKU.\n\nNext steps\n\n[Create a map ID](/maps/documentation/ios-sdk/map-ids/get-map-id)"]]
