Bạn có thể áp dụng kiểu tuỳ chỉnh thông qua các khai báo kiểu JSON được nhúng cho những thành phần sau:
Bản đồ mặc định.
Các loại bản đồ mà người dùng có thể chuyển đổi trong một khung bản đồ.
Chỉ định kiểu cho các đối tượng
Để áp dụng kiểu cho các đối tượng và phần tử khác nhau trong bản đồ, hãy tạo một mảng gồm các đối tượng MapTypeStyle xác định cách tạo kiểu cho bản đồ.
Mảng có dạng như sau:
varstylesArray=[{featureType:'',elementType:'',stylers:[{color:''},{visibility:''},// Add any stylers you need.]},{featureType:'',// Add the stylers you need.}]
Để xem danh sách tất cả các giá trị có sẵn cho featureType, elementType và stylers, hãy xem tài liệu tham khảo về kiểu JSON.
Sau đây là ví dụ về bản đồ mặc định được tạo kiểu bằng văn bản và biểu tượng có màu sáng trên nền tối (tức là chế độ tối). Để xem mã mẫu, hãy truy cập vào Mã mẫu Chế độ ban đêm của Bản đồ có kiểu.
Để sửa đổi kiểu của bản đồ mặc định, hãy đặt thuộc tính styles của bản đồ trong đối tượng MapOptions thành mảng kiểu của bạn khi:
Đang tạo bản đồ cho bạn.
Hoặc khi gọi phương thức Map.setOptions.
Những thay đổi đối với nhãn và đường sẽ ảnh hưởng đến tất cả các loại bản đồ, bao gồm cả loại địa hình, vệ tinh, kết hợp và bản đồ đường đi mặc định.
Áp dụng kiểu cho một loại bản đồ
Sau đây là một loại bản đồ được thêm có tên là Styled Map (Bản đồ có kiểu) trong chế độ kiểm soát ở trên cùng bên trái của bản đồ. Để xem mã mẫu, hãy chuyển đến phần Các loại bản đồ có kiểu dáng.
Để tạo một loại bản đồ có kiểu, hãy đặt mảng kiểu thành một đối tượng StyledMapType. Việc tạo một kiểu bản đồ mới sẽ không ảnh hưởng đến kiểu của các kiểu bản đồ mặc định.
[[["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-27 UTC."],[[["\u003cp\u003eCustomize the appearance of your maps using embedded JSON style declarations for the default map and selectable map types.\u003c/p\u003e\n"],["\u003cp\u003eStyle features and elements within the map by creating an array of \u003ccode\u003eMapTypeStyle\u003c/code\u003e objects defining the desired appearance, with the \u003ccode\u003efeatureType\u003c/code\u003e, \u003ccode\u003eelementType\u003c/code\u003e, and \u003ccode\u003estylers\u003c/code\u003e properties determining specific modifications.\u003c/p\u003e\n"],["\u003cp\u003eUtilize the Maps Platform Styling Wizard to quickly generate JSON styling objects, simplifying the process of creating custom map styles.\u003c/p\u003e\n"],["\u003cp\u003eApply styles to the default map by setting the \u003ccode\u003estyles\u003c/code\u003e property in the \u003ccode\u003eMapOptions\u003c/code\u003e object during map creation or by using the \u003ccode\u003eMap.setOptions\u003c/code\u003e method.\u003c/p\u003e\n"],["\u003cp\u003eCreate styled map types by setting the style array to a \u003ccode\u003eStyledMapType\u003c/code\u003e object, enabling the addition of custom map styles without impacting the default map types.\u003c/p\u003e\n"]]],["Custom styling for maps can be applied via embedded JSON style declarations to default maps or user-switchable map types. Create an array of `MapTypeStyle` objects specifying `featureType`, `elementType`, and `stylers` to define styling. For consistent styling across apps, use cloud customization with a map ID. Use the Maps Platform Styling Wizard to quickly generate JSON styling or apply styles by setting the map's `styles` property within the `MapOptions` object or the `Map.setOptions` method.\n"],null,[]]