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

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

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

تتيح لك Maps JavaScript API إضافة معلومات حركة المرور في الوقت الفعلي (في المناطق التي تتوفّر فيها) إلى خرائطك باستخدام العنصر TrafficLayer. يتم تعديل معلومات حركة المرور بشكل متكرّر، ولكن ليس على الفور. من غير المرجّح أن تؤدي الطلبات المتتالية السريعة للمنطقة نفسها إلى نتائج مختلفة.

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();
index.ts

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();
index.js

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

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

إذا كنت تعمل في مؤسسة عامة تشرف على وسائل النقل العام في مدينتك وأردت تضمين بياناتك، يُرجى الانتقال إلى موقع برنامج شركاء Google Transit لمعرفة المزيد.

يوضّح المثال التالي تفعيل طبقة "النقل العام" على خريطة لندن في المملكة المتحدة:

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();
index.ts

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();
index.js

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

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

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

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();
index.ts

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();
index.js

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