একটি মানচিত্র শৈলী

এই ডকুমেন্টে একটি ম্যাপের চেহারা ও অনুভূতি কাস্টমাইজ করার এবং ডেটার দৃশ্যমানতা ও ভিউপোর্ট অপশনগুলো নিয়ন্ত্রণ করার পদ্ধতি আলোচনা করা হয়েছে। আপনি নিম্নলিখিত উপায়ে এটি করতে পারেন:

  • ক্লাউড-ভিত্তিক মানচিত্র স্টাইলিং ব্যবহার করুন
  • আপনার নিজের কোডে সরাসরি ম্যাপ স্টাইলের বিকল্পগুলি সেট করুন

ক্লাউড-ভিত্তিক মানচিত্রের স্টাইলিং ব্যবহার করে মানচিত্রটি সাজান।

আপনার জাভাস্ক্রিপ্ট কনজিউমার ট্রিপ শেয়ারিং ম্যাপে একটি ম্যাপ স্টাইল প্রয়োগ করতে, JourneySharingMapView তৈরি করার সময় একটি mapId এবং অন্য যেকোনো mapOptions উল্লেখ করুন।

নিম্নলিখিত উদাহরণগুলিতে দেখানো হয়েছে কীভাবে একটি ম্যাপ আইডি ব্যবহার করে ম্যাপ স্টাইল প্রয়োগ করতে হয়।

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

const mapView = new google.maps.journeySharing.JourneySharingMapView({
  element: document.getElementById('map_canvas'),
  locationProviders: [locationProvider],
  mapOptions: {
    mapId: 'YOUR_MAP_ID'
  }
  // Any other styling options.
});

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

const mapView = new google.maps.journeySharing.JourneySharingMapView({
  element: document.getElementById('map_canvas'),
  locationProviders: [locationProvider],
  mapOptions: {
    mapId: 'YOUR_MAP_ID'
  }
  // Any other styling options.
});

আপনার নিজের কোডে সরাসরি স্টাইল ম্যাপ ব্যবহার করুন

JourneySharingMapView তৈরি করার সময় ম্যাপ অপশন সেট করে আপনি ম্যাপের স্টাইলিংও কাস্টমাইজ করতে পারেন। নিচের উদাহরণগুলোতে দেখানো হয়েছে কীভাবে ম্যাপ অপশন ব্যবহার করে একটি ম্যাপকে স্টাইল করতে হয়। আপনি কী কী ম্যাপ অপশন সেট করতে পারবেন সে সম্পর্কে আরও তথ্যের জন্য, Google Maps JavaScript API রেফারেন্সে mapOptions দেখুন।

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

const mapView = new google.maps.journeySharing.JourneySharingMapView({
  element: document.getElementById('map_canvas'),
  locationProviders: [locationProvider],
  mapOptions: {
    styles: [
      {
        "featureType": "road.arterial",
        "elementType": "geometry",
        "stylers": [
          { "color": "#CCFFFF" }
        ]
      }
    ]
  }
});

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

const mapView = new google.maps.journeySharing.JourneySharingMapView({
  element: document.getElementById('map_canvas'),
  locationProviders: [locationProvider],
  mapOptions: {
    styles: [
      {
        "featureType": "road.arterial",
        "elementType": "geometry",
        "stylers": [
          { "color": "#CCFFFF" }
        ]
      }
    ]
  }
});

SDK-এর কাছে টাস্ক ডেটার দৃশ্যমানতা নিয়ন্ত্রণ করুন

আপনি ভিজিবিলিটি রুল ব্যবহার করে ম্যাপে নির্দিষ্ট টাস্ক অবজেক্টগুলোর দৃশ্যমানতা নিয়ন্ত্রণ করতে পারেন।

টাস্ক ডেটার ডিফল্ট দৃশ্যমানতা

ডিফল্টরূপে, একটি যানবাহনকে বরাদ্দ করা কাজের ডেটা তখনই দেখা যায়, যখন যানবাহনটি কাজটি থেকে ৫টি স্টপের মধ্যে থাকে । কাজটি সম্পন্ন বা বাতিল করা হলে এই দৃশ্যমানতা শেষ হয়ে যায়।

এই সারণিটি প্রতিটি ধরনের কাজের জন্য পূর্বনির্ধারিত দৃশ্যমানতা দেখায়। আপনি অনেক কাজের দৃশ্যমানতা নিজের মতো করে সাজিয়ে নিতে পারেন, কিন্তু সবগুলোর নয়। কাজের প্রকারভেদ সম্পর্কে আরও বিস্তারিত জানতে, নির্ধারিত কাজ নির্দেশিকার ‘কাজের প্রকারভেদ’ অংশটি দেখুন।

কাজের ধরণ ডিফল্ট দৃশ্যমানতা কাস্টমাইজযোগ্য? বর্ণনা
অনুপলব্ধতার কাজ দৃশ্যমান নয় না চালকের বিরতি এবং জ্বালানি ভরার জন্য ব্যবহৃত হয়। যদি কোনো ডেলিভারি টাস্কের রুটে অন্য কোনো যানবাহন থামার স্থান থাকে, তবে সেই স্থানে শুধুমাত্র অনুপলব্ধতার কাজ থাকলে তা দেখানো হয় না। ডেলিভারি টাস্কটির জন্য আনুমানিক পৌঁছানোর সময় এবং আনুমানিক কাজ শেষ করার সময় ঠিকই দেখানো হয়।
খোলা যানবাহনের কাজ দৃশ্যমান হ্যাঁ কাজটি সম্পন্ন বা বাতিল করা হলে এর দৃশ্যমানতা শেষ হয়ে যায়। আপনি খোলা গাড়ির কাজগুলোর দৃশ্যমানতা নিজের মতো করে সাজিয়ে নিতে পারেন। ‘খোলা গাড়ির কাজগুলোর দৃশ্যমানতা নিজের মতো করে সাজিয়ে নিন’ দেখুন।
বন্ধ যানবাহনের কাজ দৃশ্যমান নয় না আপনি বন্ধ যানবাহনের কাজগুলির দৃশ্যমানতা কাস্টমাইজ করতে পারবেন না।

খোলা যানবাহনের কাজগুলির দৃশ্যমানতা কাস্টমাইজ করুন

TaskTrackingInfo ইন্টারফেসটি বেশ কিছু টাস্ক ডেটা এলিমেন্ট প্রদান করে, যেগুলো কনজিউমার SDK-এর মাধ্যমে দৃশ্যমান করা যায়।

কাস্টমাইজযোগ্য টাস্ক ডেটা উপাদান

রুট পলিলাইন

পৌঁছানোর আনুমানিক সময়

আনুমানিক কাজ শেষ করার সময়

কাজটি পর্যন্ত অবশিষ্ট ড্রাইভিং দূরত্ব

অবশিষ্ট স্টপ সংখ্যা

গাড়ির অবস্থান

প্রতিটি কাজের জন্য দৃশ্যমানতার বিকল্প

ফ্লিট ইঞ্জিনের মধ্যে কোনো টাস্ক তৈরি বা আপডেট করার সময় TaskTrackingViewConfig সেট করার মাধ্যমে আপনি প্রতিটি টাস্কের জন্য আলাদাভাবে ভিজিবিলিটি কনফিগারেশন কাস্টমাইজ করতে পারেন। একটি টাস্ক এলিমেন্টের ভিজিবিলিটি নির্ধারণের জন্য ক্রাইটেরিয়া তৈরি করতে নিম্নলিখিত ভিজিবিলিটি অপশনগুলো ব্যবহার করুন:

দৃশ্যমানতার বিকল্পগুলি

অবশিষ্ট স্টপ সংখ্যা

আনুমানিক পৌঁছানোর সময় পর্যন্ত সময়কাল

অবশিষ্ট ড্রাইভিং দূরত্ব

সর্বদা দৃশ্যমান

কখনো দেখা যায় না

উদাহরণস্বরূপ, ধরা যাক একটি উদাহরণ কাস্টমাইজেশন নিম্নলিখিত সারণিতে দেখানো মানদণ্ড ব্যবহার করে তিনটি ডেটা উপাদানের দৃশ্যমানতা সামঞ্জস্য করে। অন্য সব উপাদান ডিফল্ট দৃশ্যমানতার নিয়ম অনুসরণ করে।

সমন্বয় করার জন্য ডেটা উপাদান দৃশ্যমানতা মানদণ্ড
রুট পলিলাইন দেখান যানবাহনটি ৩টি স্টপের মধ্যে আছে।
আনুমানিক সময় দেখান অবশিষ্ট গাড়ি চালানোর দূরত্ব ৫০০০ মিটারের চেয়ে কম।
অবশিষ্ট স্টপ সংখ্যা কখনো দেখাবেন না যানবাহনটি ৩টি স্টপের মধ্যে আছে।

নিম্নলিখিত উদাহরণটি এই কনফিগারেশনটি দেখায়:

"taskTrackingViewConfig": {
  "routePolylinePointsVisibility": {
    "remainingStopCountThreshold": 3
  },
  "estimatedArrivalTimeVisibility": {
    "remainingDrivingDistanceMetersThreshold": 5000
  },
  "remainingStopCountVisibility": {
    "never": true
  }
}

রুট পলিলাইন এবং যানবাহনের অবস্থান দৃশ্যমানতার নিয়মাবলী

গাড়ির অবস্থান দৃশ্যমান না হলে রুট পলিলাইনগুলো দেখা যায় না; অন্যথায় একটি পলিলাইনের শেষ প্রান্ত থেকে গাড়ির অবস্থান অনুমান করা যেতে পারে।

এই নির্দেশিকাগুলো আপনাকে রুট পলিলাইন এবং যানবাহনের অবস্থান দৃশ্যমানতার বিকল্পগুলোর জন্য একটি সঠিক সমন্বয় প্রদান করতে সাহায্য করে।

একই দৃশ্যমানতার বিকল্পগুলি দৃশ্যমানতার মানদণ্ড নির্দেশনা
রাউট পলিলাইন অপশনগুলো সর্বদা দৃশ্যমান হিসেবে সেট করা আছে। গাড়ির অবস্থান সর্বদা দৃশ্যমান রাখুন।
গাড়ির অবস্থান কখনো দেখা যাবে না এমনভাবে সেট করা হয়েছে। রাউট পলিলাইনগুলোকে কখনোই দৃশ্যমান না করার জন্য সেট করুন।
দৃশ্যমানতার বিকল্পটি হলো নিম্নলিখিতগুলির মধ্যে যেকোনো একটি:
  • অবশিষ্ট স্টপ সংখ্যা
  • ETA পর্যন্ত সময়কাল
  • অবশিষ্ট ড্রাইভিং দূরত্ব

গাড়ির অবস্থানের জন্য নির্ধারিত মানের চেয়ে কম বা সমান একটি মানে রুট পলিলাইন অপশন সেট করুন। উদাহরণস্বরূপ:

    "taskTrackingViewConfig": {
      "routePolylinePointsVisibility": {
        "remainingStopCountThreshold": 3
      },
      "vehicleLocationVisibility": {
        "remainingStopCountThreshold": 5
      },
    }
বিভিন্ন দৃশ্যমানতার বিকল্প দৃশ্যমানতার মানদণ্ড নির্দেশনা
গাড়ির অবস্থান দেখা যাচ্ছে

এটি তখনই ঘটে যখন গাড়ির অবস্থান এবং পলিলাইন দৃশ্যমানতা উভয় বিকল্পই পূরণ হয়। উদাহরণস্বরূপ:

  "taskTrackingViewConfig": {
    "routePolylinePointsVisibility": {
      "remainingStopCountThreshold": 3
    },
    "vehicleLocationVisibility": {
      "remainingDrivingDistanceMetersThreshold": 3000
    },
  }

এই উদাহরণে, গাড়ির অবস্থান কেবল তখনই দেখা যাবে যদি অবশিষ্ট স্টপের সংখ্যা কমপক্ষে ৩ হয় এবং অবশিষ্ট চালনার দূরত্ব কমপক্ষে ৩০০০ মিটার হয়।

স্বয়ংক্রিয় ফিটিং নিষ্ক্রিয় করুন

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

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

const mapView = new
    google.maps.journeySharing.JourneySharingMapView({
  element: document.getElementById('map_canvas'),
  locationProviders: [locationProvider],
  automaticViewportMode:
      google.maps.journeySharing
          .AutomaticViewportMode.NONE,
  ...
});

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

const mapView = new
    google.maps.journeySharing.JourneySharingMapView({
  element: document.getElementById('map_canvas'),
  locationProviders: [locationProvider],
  automaticViewportMode:
      google.maps.journeySharing
          .AutomaticViewportMode.NONE,
  ...
});

এরপর কী?