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

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

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

تتيح لك 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

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

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

    const transitLayer = new TransitLayer();

    transitLayer.setMap(innerMap);
}

void init();

JavaScript

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

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

    const transitLayer = new TransitLayer();

    transitLayer.setMap(innerMap);
}

void init();
الاطّلاع على مثال

تجربة عيّنة

طبقة ركوب الدراجات

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

يوضّح المثال التالي طبقة "ركوب الدراجات" مفعَّلة على خريطة كامبريدج، ماساتشوستس:

TypeScript

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

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

    const bikeLayer = new BicyclingLayer();

    bikeLayer.setMap(innerMap);
}

void init();

JavaScript

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

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

    const bikeLayer = new BicyclingLayer();

    bikeLayer.setMap(innerMap);
}

void init();
الاطّلاع على مثال

تجربة عيّنة

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