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

Các lớp Giao thông, Chuyển tuyến 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 địa phương hoặc thông tin tuyến đường đi xe đạp. Các lớp này có sẵn ở 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 giao thông theo thời gian thực thông tin (nếu được hỗ trợ) vào bản đồ của bạn bằng cách sử dụng TrafficLayer . Thông tin giao thông được làm mới thường xuyên, nhưng không làm mới ngay lập tức. Nhanh các yêu cầu liên tiếp cho cùng một khu vực khó có khả năng mang lại các kết quả khác nhau kết quả.

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ử dùng mẫu

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

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

Ví dụ sau đây thể hiện lớp Phương tiện công cộng được bật trên bản đồ 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ử dùng mẫu

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 kết xuất một lớp xe đạp đường đi, 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 đầu bản đồ đã cho. Ngoài ra, lớp này làm thay đổi kiểu dáng của bản đồ cơ sở để nhấn mạnh các đường phố hỗ trợ tuyến đường dành cho xe đạp và bớt nhấn mạnh các đường phố không phù hợp cho xe đạp.

Ví dụ sau đây hiển thị lớp Xe đạp được bật trên bản đồ của Cambridge, tiểu bang Maryland:

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ử dùng mẫu

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