ম্যাপ স্টাইল করা

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

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

ক্লাউড-ভিত্তিক ম্যাপ স্টাইলিংয়ের মাধ্যমে ম্যাপ স্টাইল করুন

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

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

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 ইন্টারফেস অনেক টাস্ক ডেটা এলিমেন্ট প্রদান করে যা Consumer SDK-এর মাধ্যমে দেখানো যেতে পারে।

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

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

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

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

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

রুট পলিলাইন ও গাড়ির লোকেশন দৃশ্যমানতা সংক্রান্ত নিয়ম

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

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

    "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,
  ...
});

এর পরে কী করতে হবে

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