שכבות של תנועה, תחבורה ציבורית ואופניים

שכבות התנועה, התחבורה הציבורית והרכיבה על אופניים משנות את שכבת מפת הבסיס כדי להציג את מצב התנועה הנוכחי, רשתות תחבורה ציבורית מקומיות או מידע על מסלולי רכיבה על אופניים. השכבות האלה זמינות באזורים נבחרים.

שכבת התנועה

‫Maps JavaScript API מאפשר לכם להוסיף מידע על עומסי תנועה בזמן אמת (במקומות שבהם הנתונים האלה זמינים) למפות שלכם באמצעות האובייקט TrafficLayer. המידע על התנועה מתעדכן לעיתים קרובות, אבל לא באופן מיידי. סביר להניח שבקשות חוזרות ונשנות ומהירות לאותו אזור לא יניבו תוצאות שונות.

TypeScript

async function init(): Promise<void> {
    const { TrafficLayer } = await google.maps.importLibrary('maps');

    const mapElement =
        document.querySelector<google.maps.MapElement>('gmp-map')!;
    const innerMap = mapElement.innerMap;

    const trafficLayer = new TrafficLayer();

    trafficLayer.setMap(innerMap);
}

void init();

JavaScript

async function init() {
    const { TrafficLayer } = await google.maps.importLibrary('maps');

    const mapElement = document.querySelector('gmp-map');
    const innerMap = mapElement.innerMap;

    const trafficLayer = new TrafficLayer();

    trafficLayer.setMap(innerMap);
}

void init();
לצפייה בדוגמה

דוגמה לניסיון

שכבת תחבורה ציבורית

ממשק ה-API של JavaScript במפות Google מאפשר להציג את רשת התחבורה הציבורית של עיר מסוימת במפה באמצעות האובייקט TransitLayer. כששכבת התחבורה הציבורית מופעלת והמפה ממוקדת בעיר שבה יש תמיכה במידע על תחבורה ציבורית, קווי התחבורה הציבורית העיקריים מוצגים במפה כקווים עבים וצבעוניים. הצבע של הקו מוגדר על סמך מידע ממפעיל קו התחבורה הציבורית. הפעלת שכבת התחבורה הציבורית תשנה את הסגנון של המפה הבסיסית כדי להדגיש טוב יותר את מסלולי התחבורה הציבורית.

אם אתם נציגים של סוכנות ציבורית שמפקחת על התחבורה הציבורית בעיר שלכם ורוצים שהנתונים שלכם ייכללו ב-Google Transit, אתם יכולים להיכנס לאתר של תוכנית השותפים של Google Transit כדי לקבל מידע נוסף.

בדוגמה הבאה מוצג מיפוי של לונדון, בריטניה, עם הפעלת שכבת התחבורה הציבורית:

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;

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;
לצפייה בדוגמה

שכבת רכיבה על אופניים

‫Maps JavaScript API מאפשר לכם להוסיף מידע על אופניים למפות באמצעות האובייקט BicyclingLayer. התג BicyclingLayer מעבד שכבה של שבילי אופניים, מסלולי אופניים מומלצים ושכבות אחרות שספציפיות לשימוש באופניים מעל המפה הנתונה. בנוסף, השכבה משנה את הסגנון של מפת הבסיס עצמה כדי להדגיש רחובות שמתאימים למסלולי אופניים, ולהפחית את ההדגשה של רחובות שלא מתאימים לאופניים.

בדוגמה הבאה מוצגת שכבת האופניים שמופעלת במפה של קיימברידג', מסצ'וסטס:

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;

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;
לצפייה בדוגמה

מסלולים בירוק כהה מציינים מסלולים ייעודיים לאופניים. מסלולים בירוק בהיר מציינים רחובות עם 'נתיבים לאופניים' ייעודיים. מסלולים מקווקווים מציינים רחובות או שבילים שמומלצים לשימוש באופניים.