Mã bản đồ là giá trị nhận dạng duy nhất đại diện cho chế độ tạo kiểu và chế độ cài đặt cấu hình của Google Maps được lưu trữ trong Google Cloud. Bạn sử dụng mã bản đồ để bật các tính năng hoặc quản lý hoặc tạo kiểu cho bản đồ trên trang web và trong ứng dụng của mình. Bạn có thể tạo mã bản đồ cho từng nền tảng bạn cần (JavaScript, Android, iOS hoặc Bản đồ tĩnh) trong dự án Google Cloud Console trên trang Quản lý bản đồ.
Sử dụng mã bản đồ để bật các tính năng và kiểu. Sau đây là một số ví dụ về cách sử dụng mã bản đồ. Để xem danh sách đầy đủ, hãy xem phần Các tính năng sử dụng mã bản đồ:
Định kiểu bản đồ dựa trên đám mây: Liên kết mã bản đồ với kiểu bản đồ để định kiểu, tuỳ chỉnh và quản lý bản đồ bằng Google Cloud Console. Có trên tất cả các nền tảng: Android, iOS, JavaScript và Maps Static API.
Bản đồ vectơ: Sử dụng mã bản đồ để dùng bản đồ bao gồm các ô dựa trên vectơ được vẽ tại thời điểm tải ở phía máy khách bằng WebGL. Có trên JavaScript.
Điểm đánh dấu nâng cao: Sử dụng mã bản đồ để bật Điểm đánh dấu nâng cao. Có trên Android, iOS và JavaScript.
Ví dụ về việc định kiểu bản đồ dựa trên đám mây
Để sử dụng tính năng định kiểu bản đồ dựa trên đám mây để định kiểu bản đồ trên trang web và ứng dụng Android, hãy làm theo các bước sau:
Tạo mã bản đồ cho từng nền tảng mà bạn đang sử dụng. Ví dụ: tạo một mã nhận dạng bản đồ JavaScript và Android. Để biết thông tin chi tiết, hãy xem phần Tạo mã bản đồ.
Liên kết cả hai mã bản đồ với kiểu bản đồ trong Google Cloud Console. Để biết thông tin chi tiết, hãy xem phần Liên kết mã bản đồ với kiểu.
Tham chiếu mã bản đồ trong JavaScript của trang web và mã ứng dụng Android. Để biết thông tin chi tiết, hãy xem bài viết Thêm mã bản đồ vào ứng dụng.
Sau đó, kiểu bản đồ được liên kết với mã bản đồ của bạn sẽ xuất hiện trên trang web và trong ứng dụng Android của bạn. Bạn có thể cập nhật kiểu bản đồ trong bảng điều khiển Cloud và các thay đổi sẽ tự động xuất hiện ở cả hai nơi mà khách hàng không cần cập nhật ứng dụng.
Các tính năng sử dụng mã bản đồ
Bảng sau đây cho biết các tính năng và API của Google Maps Platform sử dụng mã bản đồ:
Bật các tính năng WebGL bằng mã nhận dạng bản đồ vectơ JavaScript.
1 Việc sử dụng mã bản đồ trên Maps SDK dành cho Android hoặc Maps SDK dành cho iOS sẽ kích hoạt một lượt tải bản đồ được tính phí theo SKU Bản đồ động.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-08-17 UTC."],[[["\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,["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/javascript/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/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\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/javascript/map-ids/get-map-id)"]]
