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 lưới phương tiện công cộng tại địa phương hoặc thông tin về tuyến đường đi xe đạp. Các lớp này 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 giao thông theo thời gian thực (nếu được hỗ trợ) vào bản đồ bằng cách sử dụng đối tượng TrafficLayer. Thông tin về lưu lượng truy cập được làm mới thường xuyên nhưng không phải 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 khó có thể mang lại kết quả khác nhau.

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

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

Lớp chuyển

API JavaScript của Maps cho phép bạn hiển thị mạng lưới 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 bạn bật Lớp phương tiện công cộng và bản đồ được căn giữa 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 tuyến phương tiện công cộng chính dưới dạng các đường dày, có màu. Màu của đường được đặt dựa trên thông tin của nhà điều hành tuyến phương tiện công cộng. 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 phương tiện công cộng hơn.

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

Ví dụ sau đây cho thấy lớp Giao thông công cộng được bật trên bản đồ London, Vương quốc Anh:

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

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

Lớp đi xe đạp

API JavaScript của Maps cho phép bạn thêm thông tin về xe đạp vào bản đồ bằng cách sử dụng đối tượng BicyclingLayer. BicyclingLayer hiển thị một lớp đường đi xe đạp, tuyến đường xe đạp được đề xuất và các lớp phủ khác dành riêng cho việc sử dụng xe đạp trên bản đồ đã cho. Ngoài ra, lớp này còn thay đổi kiểu của bản đồ cơ sở để làm nổi bật những con đường hỗ trợ tuyến đường dành cho xe đạp và làm giảm sự nổi bật của những con đường 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 đồ Cambridge, MA:

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

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

Các tuyến đường màu xanh lục đậm cho biết tuyến đường dành riêng cho xe đạp. Các tuyến đường màu xanh lục nhạt cho biết những con đường có "làn đường dành riêng cho xe đạp". Các tuyến đường có nét đứt cho biết những con đường hoặc lối đi được khuyến nghị sử dụng xe đạp.