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 thể hiện dưới dạng một đơn vị duy nhất. Lớp thường phản ánh các tập hợp mà bạn thêm vào đầu bản đồ để chỉ định một mối liên kết chung. Chiến lược phát hành đĩa đơn API JavaScript của Maps quản lý việc hiển thị đố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 chúng thành một đối tượng (thường là lớp phủ ô) và hiển thị chúng khi khung nhìn của bản đồ thay đổi. Lớp cũng có thể làm thay đổi bản trình bày lớp của bản đồ, làm thay đổi một chút các ô cơ sở theo cách nhất quán với lớp. Lưu ý rằng theo thiết kế, hầu hết các lớp có thể không được truy cập được thông qua các đối tượng riêng lẻ, nhưng chỉ có thể bị bóp méo như đơn vị.
Tổng quan về các lớp
API JavaScript của Maps có một số loại lớp:
- Dữ liệu Google Maps layer cung cấp 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 bản đồ Google.
- 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 trực quan của Bản đồ nhiệt.
- Lớp KML kết xuất các phần tử KML và GeoRSS thành một Lớp phủ ô API Maps JavaScript.
- Lớp giao thông hiển thị tình trạng giao thông trên bản đồ.
- Tầng phương tiện hiển thị mạng lưới vận tải công cộng thành phố của bạn 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 các lớp phủ dành riêng cho xe đạp vào một lớp chung. Lớp này được trả về theo mặc định trong DirectionsRenderer (Chỉ đường) khi yêu cầu chỉ đường của phương tiện đ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 cho nó đối tượng ánh xạ cần hiển thị lớp. 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 đồ về London, Vương quốc Anh và thêm 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);