ট্রাফিক, ট্রানজিট ও সাইকেল চালানোর লেয়ার

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

ট্রাফিক লেয়ার

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

মনে রাখবেন: TypeScript ও Google Maps ব্যবহার করার ব্যাপারে গাইড পড়ুন।

জাভাস্ক্রিপ্ট

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 ট্রানজিট পার্টনার প্রোগ্রাম সাইট দেখুন।

নিম্নলিখিত উদাহরণে যুক্তরাজ্যের লন্ডনের ম্যাপে ট্রানজিট লেয়ার চালু করা আছে:

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

মনে রাখবেন: TypeScript ও Google Maps ব্যবহার করার ব্যাপারে গাইড পড়ুন।

জাভাস্ক্রিপ্ট

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 প্রদত্ত ম্যাপের উপরে সাইকেল চালানোর পথের একটি লেয়ার, সাজেস্ট করা সাইকেল চালানোর রুট এবং সাইকেল চালানোর ব্যবহারের জন্য নির্দিষ্ট অন্যান্য ওভারলে রেন্ডার করে। এছাড়াও, এই লেয়ার বেস ম্যাপের স্টাইল পরিবর্তন করে যাতে সাইকেল চালানোর উপযুক্ত রাস্তাগুলি হাইলাইট করা যায় এবং সাইকেল চালানোর অনুপযুক্ত রাস্তাগুলি কম হাইলাইট করা হয়।

নিচের উদাহরণে কেমব্রিজ, ম্যাসাচুসেটসের ম্যাপে সাইকেল লেয়ার চালু করা আছে:

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

মনে রাখবেন: TypeScript ও Google Maps ব্যবহার করার ব্যাপারে গাইড পড়ুন।

জাভাস্ক্রিপ্ট

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

উদাহরণ দেখুন

গাঢ় সবুজ রঙের রুটগুলি সাইকেল চালানোর জন্য নির্দিষ্ট রুট নির্দেশ করে। হালকা সবুজ রঙের রুট নির্দিষ্ট "সাইকেল চালানোর রাস্তা" নির্দেশ করে। ড্যাশ দেওয়া রুট রাস্তা বা পথ নির্দেশ করে যা সাইকেল চালানোর জন্য সাজেস্ট করা হয়।