রুট পলিলাইন কাস্টমাইজ করুন

এই ডকুমেন্টে আলোচনা করা হয়েছে কীভাবে ভোক্তা ব্যবহারকারী এবং ফ্লিট অপারেটরদের জন্য আপনার ওয়েব-ভিত্তিক জার্নি ট্র্যাকিং অ্যাপে ব্যবহৃত ম্যাপের রুট পলিলাইনগুলো কাস্টমাইজ করতে হয়।

কনজিউমার এসডিকে (Consumer SDK) ব্যবহার করে, আপনি ম্যাপে কোনো জার্নির রুটের পলিলাইনের দৃশ্যমানতা নিয়ন্ত্রণ করতে বা সেটিকে স্টাইল করতে পারেন। এসডিকে-টি জার্নির সক্রিয় বা অবশিষ্ট পথের প্রতিটি স্থানাঙ্ক জোড়ার জন্য একটি google.maps.Polyline অবজেক্ট তৈরি করে। এরপর লাইব্রেরিটি দুটি পরিস্থিতিতে এই কাস্টমাইজেশনগুলো প্রয়োগ করে:

• মানচিত্রে বস্তুগুলো যোগ করার আগে
• যখন অবজেক্টগুলির জন্য ব্যবহৃত ডেটা পরিবর্তিত হয়েছে

স্টাইল রুট পলিলাইন

যেভাবে আপনি মার্কার স্টাইল করতে পারেন, ঠিক সেভাবেই কাস্টমাইজেশন প্যারামিটার ব্যবহার করে রাউট পলিলাইন স্টাইল করা যায়। সেখান থেকে, আপনি নিম্নলিখিত পদ্ধতিগুলোর মধ্যে যেকোনো একটি ব্যবহার করে স্টাইলিং কনফিগার করতে পারেন:

• সবচেয়ে সহজ উপায় হলো , মিলে যাওয়া সমস্ত Polyline অবজেক্ট তৈরি বা আপডেট করার সময় সেগুলিতে প্রয়োগ করার জন্য PolylineOptions ব্যবহার করা।
• উন্নত : একটি কাস্টমাইজেশন ফাংশন নির্দিষ্ট করুন। কাস্টমাইজেশন ফাংশনগুলো ফ্লিট ইঞ্জিন দ্বারা প্রেরিত ডেটার উপর ভিত্তি করে অবজেক্টগুলোর স্বতন্ত্র স্টাইলিং করার সুযোগ দেয়। এই ফাংশনটি যাত্রার বর্তমান অবস্থার উপর ভিত্তি করে প্রতিটি অবজেক্টের স্টাইলিং পরিবর্তন করতে পারে; উদাহরণস্বরূপ, যানবাহনটি ধীরে চলার সময় Polyline অবজেক্টটিকে আরও গাঢ় শেডে রঙ করা বা এটিকে আরও পুরু করে তোলা। এমনকি আপনি ফ্লিট ইঞ্জিনের বাইরের উৎস থেকেও ডেটা যুক্ত করতে পারেন এবং সেই তথ্যের উপর ভিত্তি করে Polyline অবজেক্টটিকে স্টাইল করতে পারেন।

কাস্টমাইজেশন প্যারামিটার

রুট পলিলাইন স্টাইল করার সময়, আপনি FleetEngineShipmentLocationProviderOptions এ প্রদত্ত প্যারামিটারগুলো ব্যবহার করেন। এই প্যারামিটারগুলো গাড়ির যাত্রাপথে বিভিন্ন পাথ স্টেটের ব্যবস্থা করে, যা নিম্নরূপ:

• ইতিমধ্যে ব্যবহৃত পথ: takenPolylineCustomization ব্যবহার করুন।
• সক্রিয়ভাবে ব্যবহৃত পথ: activePolylineCustomization ব্যবহার করুন।
• এখনো অনাবিষ্কৃত পথ: remainingPolylineCustomization ব্যবহার করুন।

PolylineOptions ব্যবহার করুন

নিম্নলিখিত উদাহরণটি দেখায় কিভাবে PolylineOptions ব্যবহার করে একটি Polyline অবজেক্টের স্টাইলিং কনফিগার করতে হয়। পূর্বে তালিকাভুক্ত যেকোনো পলিলাইন কাস্টমাইজেশন ব্যবহার করে যেকোনো Polyline অবজেক্টের স্টাইলিং কাস্টমাইজ করতে এই প্যাটার্নটি অনুসরণ করুন।

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

activePolylineCustomization = {
  strokeWidth: 5,
  strokeColor: 'black',
};

টাইপস্ক্রিপ্ট

activePolylineCustomization = {
  strokeWidth: 5,
  strokeColor: 'black',
};

রাউট পলিলাইন স্টাইল করতে কাস্টমাইজেশন ফাংশন ব্যবহার করুন

নিম্নলিখিত উদাহরণটি দেখায় কিভাবে একটি সক্রিয় রাউট পলিলাইনের জন্য স্টাইলিং কনফিগার করতে হয়। পূর্বে তালিকাভুক্ত রাউট পলিলাইন কাস্টমাইজেশন প্যারামিটারগুলির যেকোনোটি ব্যবহার করে যেকোনো Polyline অবজেক্টের স্টাইলিং কাস্টমাইজ করতে এই প্যাটার্নটি অনুসরণ করুন।

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

// Color the route polyline objects in green if the vehicle is nearby.
activePolylineCustomization =
  (params) => {
    const distance = params.taskTrackingInfo.remainingDrivingDistanceMeters;
    if (distance < 1000) {

      // params.polylines contains an ordered list of Polyline objects for
      // the path.
      for (const polylineObject of params.polylines) {
        polylineObject.setOptions({strokeColor: 'green'});
      }
    }
  };

টাইপস্ক্রিপ্ট

// Color the route Polyline objects in green if the vehicle is nearby.
activePolylineCustomization =
  (params: ShipmentPolylineCustomizationFunctionParams) => {
    const distance = params.taskTrackingInfo.remainingDrivingDistanceMeters;
    if (distance < 1000) {

      // params.polylines contains an ordered list of Polyline objects for
      // the path.
      for (const polylineObject of params.polylines) {
        polylineObject.setOptions({strokeColor: 'green'});
      }
    }
  };

কন্ট্রোল রুট পলিলাইনের দৃশ্যমানতা

ডিফল্টরূপে, সমস্ত Polyline অবজেক্ট দৃশ্যমান থাকে। একটি Polyline অবজেক্টকে অদৃশ্য করতে, এর visible প্রপার্টি সেট করুন:

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

remainingPolylineCustomization = {visible: false};

টাইপস্ক্রিপ্ট

remainingPolylineCustomization = {visible: false};