Bạn có thể áp dụng kiểu tuỳ chỉnh thông qua nội dung 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à thành phần 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 này có dạng như sau:
var stylesArray = [
{
featureType: '',
elementType: '',
stylers: [
{color: ''},
{visibility: ''},
// Add any stylers you need.
]
},
{
featureType: '',
// Add the stylers you need.
}
]
Để xem 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 của Nền tảng Maps
Sử dụng Trình hướng dẫn tạo kiểu của Nền tảng Google Maps để nhanh chóng tạo đối tượng tạo kiểu JSON.
Áp dụng kiểu cho bản đồ mặc định
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 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 phần Bản đồ phong cách riêng – Mã mẫ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 của bạn khi:
- Đang tạo bản đồ.
- Hoặc khi gọi phương thức
Map.setOptions.
Các thay đổi đối với nhãn và đường ảnh hưởng đến tất cả các loại bản đồ, bao gồm cả địa hình, vệ tinh, loại bản đồ kết hợp và bản đồ đường 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 đồ được thêm vào có tên là Bản đồ phong cách riêng trong thành phần điều khiển ở trên cùng bên trái của bản đồ. Để xem mã mẫu, hãy chuyển đến phần Loại bản đồ phong cách riêng.
Để tạo một loại bản đồ phong cách riêng, hãy đặt mảng kiểu thành một đối tượng StyledMapType. Việc tạo một loại bản đồ phong cách riêng mới không ảnh hưởng đến kiểu của các loại bản đồ mặc định.