طبقات حركة المرور والنقل العام وركوب الدراجات

تعدِّل طبقات "حركة المرور" و"النقل العام" و"ركوب الدراجات" طبقة الخريطة الأساسية لعرض أحوال حركة المرور الحالية أو شبكات النقل العام المحلية أو معلومات مسارات ركوب الدراجات. تتوفّر هذه الطبقات في مناطق محدّدة.

طبقة "حركة المرور"

تتيح لك 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();
عرض مثال

تجربة نموذج

طبقة "النقل العام"

تتيح لك Maps JavaScript API عرض شبكة النقل العام لمدينة على خريطتك باستخدام الـ TransitLayer عنصر. عند تفعيل طبقة "النقل العام" وتوسيط الخريطة على مدينة تتوفّر فيها معلومات النقل العام، ستعرض الخريطة خطوط النقل العام الرئيسية على شكل خطوط سميكة ملوّنة. يتم ضبط لون الخط استنادًا إلى المعلومات المقدَّمة من مشغّل خط النقل العام. سيؤدي تفعيل طبقة "النقل العام" إلى تغيير نمط الخريطة الأساسية للتركيز بشكل أفضل على مسارات النقل العام.

إذا كنت مؤسسة عامة تشرف على وسائل النقل العام في مدينتك و أردت تضمين بياناتك، يُرجى الانتقال إلى موقع برنامج شركاء 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;
عرض مثال

تشير المسارات الخضراء الداكنة إلى مسارات مخصّصة للدراجات. تشير المسارات الخضراء الفاتحة إلى شوارع تتضمّن "خطوطًا مخصّصة للدراجات". وتشير المسارات المتقطّعة إلى شوارع أو مسارات أخرى يُنصح باستخدامها لركوب الدراجات.