Lớp giao thông, phương tiện công cộng và đi xe đạp

Các lớp Giao thông, Phương tiện công cộng và Đi xe đạp sửa đổi lớp bản đồ cơ sở để hiển thị tình trạng giao thông hiện tại, mạng chuyển tuyến địa phương hoặc thông tin tuyến đường đi xe đạp. Các lớp này hiện có ở một số khu vực.

Lớp lưu lượng truy cập

API JavaScript của Maps cho phép bạn thêm thông tin về tình hình giao thông theo thời gian thực (nếu được hỗ trợ) vào bản đồ của bạn bằng cách sử dụng đối tượng TrafficLayer. Thông tin lưu lượng truy cập được làm mới thường xuyên nhưng không ngay lập tức. Các yêu cầu liên tiếp nhanh chóng cho cùng một khu vực ít có khả năng mang lại các kết quả khác nhau.

TypeScript

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 13,
      center: { lat: 34.04924594193164, lng: -118.24104309082031 },
    }
  );

  const trafficLayer = new google.maps.TrafficLayer();

  trafficLayer.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;
index.ts

JavaScript

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 13,
    center: { lat: 34.04924594193164, lng: -118.24104309082031 },
  });
  const trafficLayer = new google.maps.TrafficLayer();

  trafficLayer.setMap(map);
}

window.initMap = initMap;
index.js
Xem ví dụ

Thử mẫu

Lớp chuyển tuyến

API JavaScript của Maps cho phép bạn hiển thị mạng phương tiện công cộng của một thành phố trên bản đồ bằng cách sử dụng đối tượng TransitLayer. Khi Lớp phương tiện công cộng được bật và bản đồ được căn giữa trên một thành phố hỗ trợ thông tin về phương tiện công cộng, bản đồ sẽ hiển thị các đường chuyển tuyến chính dưới dạng các đường đậm màu, có màu. Màu của đường được đặt dựa trên thông tin từ nhà cung cấp dịch vụ đường chuyển tuyến. Việc bật Lớp phương tiện công cộng sẽ thay đổi kiểu của bản đồ cơ sở để làm nổi bật các tuyến đường chuyển tuyến hơn.

Nếu bạn là cơ quan công cộng giám sát phương tiện công cộng cho thành phố của mình và muốn bao gồm dữ liệu của mình, vui lòng truy cập trang web Chương trình đối tác của Google Transit để tìm hiểu thêm.

Ví dụ sau đây hiển thị lớp Chuyển tuyến được bật trên bản đồ của London, Vương quốc Anh:

TypeScript

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 13,
      center: { lat: 51.501904, lng: -0.115871 },
    }
  );

  const transitLayer = new google.maps.TransitLayer();

  transitLayer.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;
index.ts

JavaScript

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 13,
    center: { lat: 51.501904, lng: -0.115871 },
  });
  const transitLayer = new google.maps.TransitLayer();

  transitLayer.setMap(map);
}

window.initMap = initMap;
index.js
Xem ví dụ

Thử mẫu

Lớp xe đạp

API JavaScript của Maps cho phép bạn thêm thông tin về xe đạp vào bản đồ của mình bằng cách sử dụng đối tượng BicyclingLayer. BicyclingLayer kết xuất một lớp đường dành cho xe đạp, các tuyến đường đề xuất cho xe đạp và các lớp phủ khác dành riêng cho việc sử dụng xe đạp ở đầu bản đồ cho trước. Ngoài ra, lớp này sẽ thay đổi kiểu của bản đồ cơ sở để nhấn mạnh những đường phố hỗ trợ các tuyến đường dành cho xe đạp và giảm mức độ nhấn mạnh những đường phố không phù hợp với xe đạp.

Ví dụ sau đây cho thấy lớp Xe đạp được bật trên bản đồ của Cambridge, MA:

TypeScript

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 14,
      center: { lat: 42.3726399, lng: -71.1096528 },
    }
  );

  const bikeLayer = new google.maps.BicyclingLayer();

  bikeLayer.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;
index.ts

JavaScript

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 14,
    center: { lat: 42.3726399, lng: -71.1096528 },
  });
  const bikeLayer = new google.maps.BicyclingLayer();

  bikeLayer.setMap(map);
}

window.initMap = initMap;
index.js
Xem ví dụ

Thử mẫu

Các tuyến đường màu xanh lục đậm biểu thị các tuyến đường dành riêng cho xe đạp. Tuyến đường màu xanh lục nhạt biểu thị các phố có "làn đường dành riêng cho xe đạp". Tuyến đường nét đứt cho biết các phố hoặc đường đi được đề xuất cho việc sử dụng xe đạp.