地圖 ID 簡介
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
地圖 ID 是不重複的識別碼，代表儲存在 Google Cloud 中的 Google 地圖樣式和設定。您可以使用地圖 ID 啟用功能，或管理及設定網站和應用程式中的地圖樣式。您可以在 Google Cloud 控制台專案的「地圖管理」頁面中，為需要的每個平台 (JavaScript、Android、iOS 或靜態地圖) 建立地圖 ID。
如要瞭解如何建立地圖 ID，請參閱「如何建立地圖 ID」。
地圖 ID 的用途
使用地圖 ID 啟用功能和樣式。以下列舉幾個使用地圖 ID 的範例。如需完整清單，請參閱「使用地圖 ID 的功能」：
雲端式地圖樣式設定範例
如要使用雲端式地圖樣式設定，為網站和 Android 應用程式的地圖設定樣式，請按照下列步驟操作：
為您使用的每個平台建立地圖 ID。舉例來說，您可以建立 JavaScript 和 Android 地圖 ID。詳情請參閱「建立地圖 ID」。
在 Google Cloud 控制台中設定地圖樣式。詳情請參閱「雲端式地圖樣式設定」。
在 Google Cloud 控制台中，將兩個地圖 ID 都與地圖樣式建立關聯。詳情請參閱「將地圖 ID 與樣式建立關聯」一文。
在網站 JavaScript 和 Android 應用程式程式碼中參照地圖 ID。詳情請參閱「在應用程式中加入地圖 ID」一文。
與地圖 ID 相關聯的地圖樣式隨即會顯示在網站和 Android 應用程式中。您可以在 Cloud 控制台中更新地圖樣式，變更會自動顯示在網站和應用程式中，客戶不需要更新應用程式。
使用地圖 ID 的功能
下表列出使用地圖 ID 的 Google 地圖平台功能和 API：
1 在 Maps SDK for Android 或 Maps SDK for iOS 中使用地圖 ID 時，系統會觸發地圖載入作業，並根據 Dynamic Maps SKU 收取費用。
後續步驟
建立地圖 ID
除非另有註明，否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權，程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間：2025-08-31 (世界標準時間)。
[null,null,["上次更新時間：2025-08-31 (世界標準時間)。"],[[["\u003cp\u003eMap IDs are unique identifiers used to represent a single Google Map instance, enabling features like cloud-based styling and advanced markers.\u003c/p\u003e\n"],["\u003cp\u003eYou can create map IDs for various platforms (JavaScript, Android, iOS, Static Maps) through the Google Cloud Console.\u003c/p\u003e\n"],["\u003cp\u003eCloud-based map styling allows you to customize and manage map styles centrally, with automatic updates across platforms.\u003c/p\u003e\n"],["\u003cp\u003eA variety of features and APIs utilize map IDs, including Advanced markers, Data-driven styling, and the Maps Embed API.\u003c/p\u003e\n"],["\u003cp\u003eUsing a map ID with Maps SDK for Android or iOS will result in charges against the Dynamic Maps SKU.\u003c/p\u003e\n"]]],["Map IDs, unique identifiers stored in Google Cloud, enable feature activation and map styling across platforms (JavaScript, Android, iOS, Static). Create them in the Google Cloud console for each platform. Use map IDs to enable cloud-based styling, vector maps, and advanced markers. Map IDs are used to accomplish goals such as styling maps, and enable advanced markers. Map ID usage on Android/iOS incurs Dynamic Maps SKU charges. Update map styles in the console; changes auto-update without app updates.\n"],null,["# Map ID overview\n\nSelect 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/javascript/map-ids/get-map-id).\n\nWhat you can do with map IDs\n----------------------------\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\n### Example 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/javascript/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/javascript/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\n### Features 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\n[Create a map ID](/maps/documentation/javascript/map-ids/get-map-id)"]]
