Lớp là các đối tượng trên bản đồ bao gồm một hoặc nhiều mục riêng biệt, nhưng được điều khiển như một đơn vị duy nhất. Các lớp thường phản ánh tập hợp các đối tượng mà bạn thêm vào đầu bản đồ để chỉ định một mối liên kết chung. API JavaScript của Maps quản lý cách trình bày các đối tượng trong các lớp bằng cách kết xuất các mục cấu thành của các đối tượng đó thành một đối tượng (thường là một lớp phủ xếp kề) và hiển thị chúng khi khung nhìn của bản đồ thay đổi. Các lớp cũng có thể thay đổi lớp trình bày của chính bản đồ, thay đổi một chút các ô cơ sở để phù hợp với lớp đó. Lưu ý rằng theo thiết kế, hầu hết các lớp có thể không truy cập được qua các đối tượng riêng lẻ, mà chỉ có thể được sử dụng như một đơn vị.
Tổng quan về các lớp
API JavaScript của Maps có một số loại lớp:
- Lớp dữ liệu của Google Maps cung cấp một vùng chứa cho dữ liệu không gian địa lý tuỳ ý. Bạn có thể sử dụng Lớp dữ liệu để lưu trữ dữ liệu tuỳ chỉnh hoặc hiển thị dữ liệu GeoJSON trên Google Maps.
- Lớp bản đồ nhiệt kết xuất dữ liệu địa lý bằng cách sử dụng hình ảnh Bản đồ nhiệt.
- Lớp KML hiển thị các phần tử KML và GeoRSS vào một lớp phủ ô API JavaScript của Maps.
- Lớp giao thông hiển thị tình trạng giao thông trên bản đồ.
- Lớp phương tiện hiển thị mạng lưới giao thông công cộng của thành phố trên bản đồ.
- Đối tượng Lớp đi xe đạp kết xuất một lớp đường dành cho xe đạp và/hoặc lớp phủ dành riêng cho xe đạp thành một lớp chung. Theo mặc định, lớp này được trả về trong DirectionsRenderer khi yêu cầu chỉ đường của chế độ đi lại BICYCLING.
Thêm lớp
Để thêm một lớp vào bản đồ, bạn chỉ cần gọi setMap(), truyền vào đó đối tượng bản đồ cần hiển thị lớp trên đó. Tương tự, để ẩn một lớp, hãy gọi setMap(), truyền null.
Đoạn mã dưới đây căn giữa bản đồ ở London, Vương quốc Anh và thêm Lớp phương tiện công cộng.
var mapOptions = {
zoom: 13,
center: new google.maps.LatLng(51.5,-0.11)
}
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
var transitLayer = new google.maps.TransitLayer();
transitLayer.setMap(map);