ট্রাফিক, ট্রানজিট, এবং সাইকেল চালানোর স্তর

ট্র্যাফিক, ট্রানজিট এবং বাইসাইক্লিং লেয়ারগুলো মূল ম্যাপ লেয়ারকে পরিবর্তন করে বর্তমান ট্র্যাফিকের অবস্থা, স্থানীয় ট্রানজিট নেটওয়ার্ক বা বাইসাইক্লিং রুটের তথ্য প্রদর্শন করে। এই লেয়ারগুলো নির্দিষ্ট কিছু অঞ্চলে উপলব্ধ।

ট্র্যাফিক স্তর

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

ট্রানজিট লেয়ার

ম্যাপস জাভাস্ক্রিপ্ট এপিআই আপনাকে TransitLayer অবজেক্ট ব্যবহার করে আপনার ম্যাপে একটি শহরের গণপরিবহন নেটওয়ার্ক প্রদর্শন করার সুযোগ দেয়। যখন ট্রানজিট লেয়ারটি সক্রিয় করা হয় এবং ম্যাপটি ট্রানজিট তথ্য সমর্থনকারী কোনো শহরের উপর কেন্দ্র করে থাকে, তখন ম্যাপটি প্রধান ট্রানজিট লাইনগুলোকে মোটা, রঙিন রেখা হিসেবে প্রদর্শন করবে। লাইনের রঙ ট্রানজিট লাইন অপারেটরের দেওয়া তথ্যের উপর ভিত্তি করে নির্ধারণ করা হয়। ট্রানজিট লেয়ারটি সক্রিয় করলে মূল ম্যাপের স্টাইল পরিবর্তিত হয়ে ট্রানজিট রুটগুলোকে আরও ভালোভাবে ফুটিয়ে তোলে।

আপনি যদি আপনার শহরের গণপরিবহন তত্ত্বাবধানকারী কোনো সরকারি সংস্থা হন এবং আপনার ডেটা অন্তর্ভুক্ত করতে চান, তাহলে আরও জানতে অনুগ্রহ করে গুগল ট্রানজিট পার্টনার প্রোগ্রাম সাইটটি দেখুন।

নিম্নলিখিত উদাহরণটি যুক্তরাজ্যের লন্ডনের একটি মানচিত্রে ট্রানজিট লেয়ারটি সক্রিয় অবস্থায় দেখাচ্ছে:

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 জাভাস্ক্রিপ্ট এপিআই আপনাকে 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

গাঢ় সবুজ পথগুলো সাইকেলের জন্য নির্দিষ্ট পথ নির্দেশ করে। হালকা সবুজ পথগুলো বিশেষ “বাইক লেন” যুক্ত রাস্তা নির্দেশ করে। ড্যাশযুক্ত পথগুলো অন্যভাবে সাইকেল ব্যবহারের জন্য প্রস্তাবিত রাস্তা বা পথ নির্দেশ করে।