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

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

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

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

আপনার জাভাস্ক্রিপ্ট কনজিউমার ট্রিপ শেয়ারিং ম্যাপে একটি ম্যাপ স্টাইল প্রয়োগ করতে, 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 ইন্টারফেসটি বেশ কিছু টাস্ক ডেটা উপাদান প্রদান করে যা 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,
  ...
});

এরপর কি?

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