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

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

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

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

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

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

• সবচেয়ে সহজ : PolylineOptions ব্যবহার করে সমস্ত মিলিত Polyline অবজেক্ট তৈরি বা আপডেট করার সময় প্রয়োগ করুন।
• উন্নত : একটি কাস্টমাইজেশন ফাংশন নির্দিষ্ট করুন। কাস্টমাইজেশন ফাংশনগুলি ফ্লিট ইঞ্জিন দ্বারা প্রেরিত ডেটার উপর ভিত্তি করে বস্তুর পৃথক স্টাইলিং করার অনুমতি দেয়। ফাংশনটি যাত্রার বর্তমান অবস্থার উপর ভিত্তি করে প্রতিটি বস্তুর স্টাইলিং পরিবর্তন করতে পারে; উদাহরণস্বরূপ, 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};