Bạn có thể áp dụng kiểu tuỳ chỉnh thông qua phần khai báo kiểu JSON được nhúng cho các thuộc tính 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 đối tượng
Để áp dụng kiểu cho nhiều đối tượng và thành phần trong bản đồ, hãy tạo một mảng các đối tượng MapTypeStyle giúp xác định cách tạo kiểu cho bản đồ.
Mảng có dạng sau:
var stylesArray = [
{
featureType: '',
elementType: '',
stylers: [
{color: ''},
{visibility: ''},
// Add any stylers you need.
]
},
{
featureType: '',
// Add the stylers you need.
}
]
Để biết danh sách tất 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.
Trình hướng dẫn tạo kiểu cho Nền tảng Maps
Sử dụng Trình hướng dẫn tạo kiểu trên nền tảng Maps để tạo đối tượng định kiểu JSON một cách nhanh chóng.
Áp dụng kiểu cho bản đồ mặc định
Sau đây là một ví dụ về bản đồ mặc định được tạo kiểu bằng văn bản và biểu tượng màu sáng trên nền tối (tức là chế độ tối). Để xem mã mẫu, hãy chuyển đến Mã mẫu của Maps đã tạo kiểu – Chế độ ban đêm.
Để 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 khi:
- Đang tạo bản đồ của bạn.
- Hoặc khi gọi phương thức
Map.setOptions.
Các 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à lộ trình mặc định.
Áp dụng kiểu cho một loại bản đồ
Hình ảnh sau đây cho thấy một loại bản đồ thêm vào có tên là Bản đồ được tạo kiểu trong chế độ điều khiển ở phía trên cùng bên trái của bản đồ. Để xem mã mẫu, hãy chuyển đến mục Loại bản đồ đã tạo kiểu.
Để tạo một loại bản đồ được tạo kiểu, hãy đặt mảng kiểu thành đối tượng StyledMapType. Việc tạo kiểu bản đồ được tạo kiểu mới không ảnh hưởng đến kiểu của các loại bản đồ mặc định.