Tuỳ chỉnh và cập nhật trải nghiệm bản đồ đường đi cho người dùng mà không cần cập nhật mã của ứng dụng. Với tính năng tạo kiểu bản đồ dựa trên đám mây của Nền tảng Google Maps trong Google Cloud Console, bạn có thể chọn màu sắc và đặt chế độ hiển thị cho các đối tượng trên loại bản đồ roadmap mặc định, đồng thời áp dụng cho tất cả các ứng dụng JavaScript, iOS và Android.
Mặc dù Google Maps cung cấp nhiều chế độ xem (chẳng hạn như vệ tinh, địa hình và bản đồ đường đi), nhưng tính năng tạo kiểu bản đồ dựa trên đám mây chỉ ảnh hưởng đến loại bản đồ roadmap mặc định.
Để biết thông tin về những cách khác để tuỳ chỉnh bản đồ, hãy xem phần Tuỳ chỉnh Maps.
Lý do bạn nên sử dụng tính năng định kiểu bản đồ dựa trên đám mây
Với tính năng định kiểu bản đồ dựa trên đám mây, bạn có thể tạo bản đồ hấp dẫn và giàu thông tin hơn, đồng thời cập nhật bản đồ mà không cần sửa đổi mã:
Nhiều đối tượng hơn trên bản đồ: Tuỳ chỉnh gần 100 đối tượng riêng lẻ trên bản đồ, thuộc 4 danh mục. Địa điểm yêu thích bao gồm các đối tượng như Giải trí, Giải trí và Dịch vụ, mỗi đối tượng cũng có một số đối tượng con. Ví dụ: Dịch vụ bao gồm ATM, Ngân hàng, Trạm xăng và Nhà vệ sinh. Để xem danh sách đầy đủ, hãy xem phần Những thành phần bạn có thể tạo kiểu trên bản đồ.
Nhiều cách hơn để tuỳ chỉnh bản đồ: Tính năng định kiểu bản đồ dựa trên đám mây giúp bạn định kiểu bản đồ dễ dàng và trực quan hơn. Các bản cập nhật gần đây giúp bạn kiểm soát chi tiết hơn giao diện của bản đồ cơ sở với các nhãn và hình học chưa có cho các đối tượng trên bản đồ. Ví dụ: bạn có thể tuỳ chỉnh nhãn được áp dụng cho các điểm du lịch, nhà hàng, khu vực giải trí, dịch vụ khẩn cấp, bán lẻ, v.v.
Maps tải nhanh sau lần sử dụng đầu tiên: Sau thời gian khởi động ban đầu, khi một kiểu bản đồ được tải xuống và lưu vào bộ nhớ đệm, các chế độ xem và chuyển động xoay/thu phóng bản đồ sau đó sẽ nhanh hơn.
Giao diện trình chỉnh sửa kiểu bản đồ được cải thiện: Chế độ cài đặt bản đồ cho phép bạn xác định các thuộc tính kiểu bản đồ, chẳng hạn như kiểu Toà nhà và địa danh cũng như các cấp độ mật độ địa điểm yêu thích. Tất cả các phần tử có thể tạo kiểu đều xuất hiện trên một bảng điều khiển duy nhất, giúp bạn có thêm diện tích bản đồ có thể nhìn thấy khi tuỳ chỉnh. Bạn cũng có thể dễ dàng tìm thấy tính năng bản đồ của mình nhờ các danh mục trực quan hơn có thể mở rộng và thu gọn, cùng với một hộp bộ lọc để giới hạn danh sách cho tính năng bản đồ mà bạn cần.
Bạn có thể làm gì với tính năng định kiểu bản đồ dựa trên đám mây
Bạn có thể làm những việc sau với tính năng định kiểu bản đồ dựa trên đám mây:
Sử dụng trình chỉnh sửa kiểu không cần mã: Nhà thiết kế có thể tạo và xem trước một kiểu cho phù hợp với mục tiêu và thương hiệu của bạn mà không cần phải viết mã.
Thay đổi kiểu mà không cần thay đổi mã: Soạn thảo và kiểm thử các thay đổi về kiểu bản đồ mà không cần thay đổi mã sau khi mã bản đồ được đặt.
Tạo kiểu cho nhiều đối tượng trên bản đồ: Thay đổi chế độ hiển thị và màu sắc của nhiều đối tượng trên bản đồ, chẳng hạn như đường bộ, toà nhà, vùng nước, điểm tham quan và tuyến đường của phương tiện công cộng.
Cách hoạt động của tính năng định kiểu bản đồ dựa trên đám mây
Các kiểu bản đồ được lưu trữ và chỉnh sửa trong Google Maps Platform Cloud Console. Ứng dụng của bạn sử dụng mã bản đồ để yêu cầu một kiểu bản đồ từ bảng điều khiển đám mây, sau đó áp dụng kiểu đó cho ứng dụng của bạn. Bạn có thể có nhiều mã bản đồ được liên kết với cùng một kiểu bản đồ, nhờ đó, bản đồ của bạn có thể trông giống nhau trên các nền tảng ứng dụng.
Cách sử dụng tính năng định kiểu bản đồ dựa trên đám mây
Tạo hoặc mở một mã bản đồ cho loại ứng dụng của bạn, rồi chỉ định một kiểu bản đồ cho mã đó. Bạn có thể tạo mã bản đồ bổ sung cho các ứng dụng trên những nền tảng khác và chỉ định cùng một kiểu bản đồ cho các ứng dụng đó. Để biết thông tin chi tiết, hãy xem phần Liên kết hoặc xoá mã bản đồ trên kiểu.
4
Thêm mã bản đồ vào ứng dụng
Sau đó, bản đồ của bạn sẽ sử dụng kiểu bản đồ được liên kết với mã bản đồ đó. Để biết thông tin chi tiết, hãy xem phần Thêm mã bản đồ vào bản đồ.
5
Điều chỉnh kiểu bản đồ trực tuyến
Bất cứ khi nào bạn cần thay đổi kiểu bản đồ, hãy chỉnh sửa kiểu đó trong tính năng tạo kiểu trên đám mây. Để biết thông tin chi tiết, hãy xem bài viết Cập nhật kiểu bản đồ.
6
Xuất bản kiểu bản đồ đã thay đổi
Khi bạn đã sẵn sàng cập nhật một kiểu bản đồ, hãy xuất bản kiểu đó và kiểu bản đồ mới của bạn sẽ xuất hiện trong ứng dụng. Để biết thông tin chi tiết, hãy xem bài viết Xuất bản kiểu bản đồ.
[[["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-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-leg), and then check out the [Tutorial](/maps/documentation/javascript/cloud-customization/tut-leg). |\n| 2 | **Create a cloud-based map style** | See [Create and use map styles](/maps/documentation/javascript/cloud-customization/map-styles-leg). |\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-leg#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-leg#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-leg#publish-style). |\n\nWhat's next\n\n- Try out the [Tutorial](/maps/documentation/javascript/cloud-customization/tut-leg).\n- Check out cloud styling application requirements. See [Application requirements](/maps/documentation/javascript/cloud-customization/setup-leg#reqs)."]]
