ভোক্তা ব্যবহারকারীদের জন্য আপনার ওয়েব-ভিত্তিক যাত্রা ট্র্যাকিং অ্যাপে আপনি যে মানচিত্রে ব্যবহার করেন তার জন্য রুট পলিলাইনগুলি কীভাবে কাস্টমাইজ করবেন তা এই দস্তাবেজটি কভার করে।
কনজিউমার SDK-এর সাহায্যে, আপনি রুট পলিলাইন দৃশ্যমানতা নিয়ন্ত্রণ করতে পারেন বা মানচিত্রে যাত্রার রুটের জন্য রুট পলিলাইন স্টাইল করতে পারেন। SDK যাত্রার সক্রিয় বা অবশিষ্ট পথের প্রতিটি জোড়া স্থানাঙ্কের জন্য একটি google.maps.Polyline অবজেক্ট তৈরি করে৷ লাইব্রেরি তারপর দুটি পরিস্থিতিতে এই কাস্টমাইজেশন প্রয়োগ করে:
- মানচিত্রে বস্তু যোগ করার আগে
- যখন বস্তুর জন্য ব্যবহৃত ডেটা পরিবর্তিত হয়
শৈলী রুট পলিলাইন
আপনি যেভাবে মার্কারকে স্টাইল করতে পারেন তার অনুরূপ, আপনি কাস্টমাইজেশন প্যারামিটার ব্যবহার করে পলিলাইন রুট করেন। সেখান থেকে, আপনি নিম্নলিখিত পদ্ধতির একটি ব্যবহার করে স্টাইলিং কনফিগার করেন:
- সহজতম :
PolylineOptionsব্যবহার করুন সমস্ত মিলে যাওয়াPolylineঅবজেক্টে প্রয়োগ করার জন্য যখন সেগুলি তৈরি বা আপডেট করা হয়। - উন্নত : একটি কাস্টমাইজেশন ফাংশন নির্দিষ্ট করুন। কাস্টমাইজেশন ফাংশনগুলি ফ্লিট ইঞ্জিন দ্বারা প্রেরিত ডেটার উপর ভিত্তি করে বস্তুর পৃথক স্টাইল করার অনুমতি দেয়। যাত্রার বর্তমান অবস্থার উপর ভিত্তি করে ফাংশনটি প্রতিটি বস্তুর স্টাইলিং পরিবর্তন করতে পারে; উদাহরণস্বরূপ,
Polylineবস্তুটিকে একটি গভীর ছায়ায় রঙ করা, বা গাড়িটি ধীর গতিতে চলার সময় এটিকে ঘন করা। এমনকি আপনি ফ্লিট ইঞ্জিনের বাইরের উত্স থেকেও যোগ দিতে পারেন এবং সেই তথ্যের ভিত্তিতেPolylineঅবজেক্টকে স্টাইল করতে পারেন।
কাস্টমাইজেশন পরামিতি
রুট পলিলাইন স্টাইল করার সময়, আপনি FleetEngineTripLocationProviderOptions এ দেওয়া প্যারামিটার ব্যবহার করেন। এই পরামিতিগুলি গাড়ির যাত্রায় বিভিন্ন পাথ স্টেটের জন্য প্রদান করে, নিম্নরূপ:
- ইতিমধ্যে ভ্রমণ করা পথ:
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.trip.remainingWaypoints[0].distanceMeters;
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: TripPolylineCustomizationFunctionParams) => {
const distance = params.trip.remainingWaypoints[0].distanceMeters;
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};