ফিচারভিউ স্টাইলিং

একটি FeatureView সম্পদের বৈশিষ্ট্যগুলির শৈলী জাভাস্ক্রিপ্ট অবজেক্টে সংজ্ঞায়িত নিয়ম ব্যবহার করে নির্দিষ্ট করা হয়। স্টাইল FeatureViewLayer প্রাথমিক সংজ্ঞার সময় বা তার পরে যেকোনো সময় সেট করা যেতে পারে। স্টাইলিং সিস্টেম আপনাকে বিস্তৃত শৈলী নিয়ম সেট করতে দেয় যা বৈশিষ্ট্যগুলির বড় গ্রুপগুলিতে প্রযোজ্য, সেইসাথে নির্দিষ্ট বৈশিষ্ট্যগুলির জন্য আরও নির্দিষ্ট নিয়ম। বৈশিষ্ট্য শৈলী বৈশিষ্ট্য বৈশিষ্ট্যের উপর ভিত্তি করে ধ্রুবক মান বা ডেটা চালিত দ্বারা সংজ্ঞায়িত করা যেতে পারে।

শৈলী বস্তু

একটি শৈলী বস্তুর মৌলিক গঠন নীচে দেখানো হয়েছে. নিয়ম দুই ধরনের আছে: বিস্তৃত নিয়ম এবং নির্দিষ্ট নিয়ম। বিস্তৃত নিয়মগুলি FeatureView সম্পদের সমস্ত বৈশিষ্ট্যকে প্রভাবিত করে, যখন নির্দিষ্ট নিয়মগুলি বৈশিষ্ট্যগুলির একটি উপসেটকে প্রভাবিত করে।

{
  // Broad style rules.
  opacity: …,
  polygonFillColor: …,

  // Specific style rules.
  rules: [
    { … },
    { … }
  ]
};

বিস্তৃত নিয়ম

সমস্ত বৈশিষ্ট্যগুলিতে (বা একটি নির্দিষ্ট জ্যামিতি প্রকারের) শৈলী বৈশিষ্ট্যগুলি প্রয়োগ করতে, শৈলী অবজেক্টের শীর্ষ স্তরে শৈলী বৈশিষ্ট্যগুলি নির্দিষ্ট করুন।

{
  opacity: 0.5,
  pointShape: 'triangle',
  lineWidth: 10,
  polygonFillColor: 'green'
};

নির্দিষ্ট নিয়ম

বৈশিষ্ট্যের একটি উপসেটে শৈলী বৈশিষ্ট্য প্রয়োগ করতে, rules ক্ষেত্রটি ব্যবহার করুন। rules ক্ষেত্রটি জাভাস্ক্রিপ্ট অবজেক্টের একটি তালিকা গ্রহণ করে, প্রতিটিতে একটি filter রয়েছে যা একটি ee.Filter অবজেক্ট দ্বারা সংজ্ঞায়িত শর্ত অনুসারে বৈশিষ্ট্য নির্বাচন করে, তারপরে শৈলী বৈশিষ্ট্যগুলির একটি সিরিজ অনুসরণ করে। নীচের উদাহরণে, এমন একটি নিয়ম আছে যা "REP_AREA" বৈশিষ্ট্য 100-এর কম হলেই polygonStrokeWidth এবং polygonFillColor সেট করে৷ নির্দিষ্ট নিয়মগুলি বিস্তৃত নিয়মগুলির শৈলী বৈশিষ্ট্যগুলিকে ওভাররাইড করে এবং rules তালিকার শেষের দিকের নিয়মগুলি শুরুর কাছাকাছি থাকাগুলিকে ওভাররাইড করে (নির্দিষ্ট নিয়মগুলি প্রথমে শেষ থেকে শেষ পর্যন্ত মূল্যায়ন করা হয়)৷

{
  rules: [
    {
      filter: ee.Filter.lt('REP_AREA', 100),
      polygonStrokeWidth: 0.5,
      polygonFillColor: 'blue'
    },
    { … }  // Optionally include additional rules.
  ]
};

সেটিং স্টাইল

বৈশিষ্ট্য শৈলী সেট করা যেতে পারে যখন একটি FeatureViewLayer ঘোষণা করা হয় বা তার পরে যেকোনো সময়।

FeatureViewLayer ঘোষণা

FeatureViewLayer ঘোষণা করার সময় ভিজ্যুয়ালাইজেশন প্যারামিটার সেট করতে, visParams প্যারামিটার ব্যবহার করুন।

var visParams = {
  opacity: 0.5,
  lineWidth: 10,
  polygonFillColor: 'purple'
};

var layer = ui.Map.FeatureViewLayer({
  assetId: 'WCMC/WDPA/current/polygons_FeatureView',
  visParams: visParams
});

Map.add(layer);

বিদ্যমান FeatureViewLayer

একটি বিদ্যমান FeatureViewLayer জন্য ভিজ্যুয়ালাইজেশন প্যারামিটার সেট করতে, setVisParams ফাংশন ব্যবহার করুন। এটি পূর্বে নির্দিষ্ট করা কোনো শৈলী নিয়ম প্রতিস্থাপন করে; অনির্দিষ্ট বৈশিষ্ট্য তাদের ডিফল্ট সেট করা হয়.

var layer = ui.Map.FeatureViewLayer('WCMC/WDPA/current/polygons_FeatureView');
Map.add(layer);

layer.setVisParams({
  opacity: 0.5,
  lineWidth: 10,
  polygonFillColor: 'purple'
});

প্রতীকবিদ্যা

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

ধ্রুবক

একটি ধ্রুবক শৈলী নিয়ম সেট করার জন্য একটি শৈলী সম্পত্তি এবং এর মান নিয়ে গঠিত। নিম্নোক্ত উদাহরণটি বহুভুজ ফিল রঙকে নীলে সেট করে।

var visParams = {
  polygonFillColor: 'blue'
};

শ্রেণীবদ্ধ

একটি শ্রেণীবদ্ধ শৈলী নিয়ম সেট করার জন্য একটি শৈলী সম্পত্তি এবং তিনটি বৈশিষ্ট্য সহ একটি জাভাস্ক্রিপ্ট অবজেক্ট নিয়ে গঠিত:

• property — একটি বৈশিষ্ট্য সম্পত্তি নাম যার মান শৈলী প্রভাবিত করবে।
• categories — তালিকার একটি তালিকা যা মানচিত্র বৈশিষ্ট্য বৈশিষ্ট্য শৈলী সম্পত্তি প্রতীক. প্রতিটি বিভাগে একটি প্রপার্টির মান রয়েছে যার পরে একটি প্রতীকী মান প্রয়োগ করা হবে। যে সম্পত্তি মান একটি বিভাগ সংজ্ঞায়িত করে একটি স্ট্রিং হতে হবে।
• defaultValue — বৈশিষ্ট্যের ক্ষেত্রে প্রযোজ্য একটি ডিফল্ট প্রতীকবিদ্যা যার সম্পত্তির মান categories সংজ্ঞায়িত করা হয়নি। যদি এটি নাল/অনির্ধারিত হয়, ডিফল্ট শৈলী সেটিংস প্রয়োগ করা হবে।

উদাহরণস্বরূপ, নিম্নলিখিত বস্তুটি "MARINE" বৈশিষ্ট্য বৈশিষ্ট্যের উপর ভিত্তি করে color শৈলী বৈশিষ্ট্য সেট করে। "MARINE" শ্রেণীতে "0" বৈশিষ্ট্যগুলি বেগুনি হিসাবে, "1" সবুজ হিসাবে, "2" নীল হিসাবে এবং অন্য যেকোন বিভাগ সাদা হিসাবে সেট করা হয়েছে৷

var visParams = {
  color: {
    property: 'MARINE',
    categories: [
      ['0', 'purple'],
      ['1', 'green'],
      ['2', 'blue']
    ],
    defaultValue: 'white'
  }
};

ইন্টারপোলেটেড

একটি ইন্টারপোলেটেড শৈলী নিয়মে সেট করার জন্য একটি শৈলী সম্পত্তি এবং পাঁচটি পর্যন্ত বৈশিষ্ট্য সহ একটি জাভাস্ক্রিপ্ট অবজেক্ট থাকে:

• property — একটি বৈশিষ্ট্য সম্পত্তি নাম যার মান শৈলী প্রভাবিত করবে।
• mode — ইন্টারপোলেশন মোড, হয় 'linear' বা 'interval' ।
• palette - রঙ, অস্বচ্ছতা, বা প্রস্থের একটি তালিকা যার মধ্যে ইনপুট সম্পত্তি মানগুলিকে ইন্টারপোলেট করা যায়। বিন্যাসটি mode উপর নির্ভর করে, আরও বিশদ বিবরণের জন্য রৈখিক এবং ব্যবধান বিভাগগুলি দেখুন।

শুধুমাত্র 'linear' মোডে প্রযোজ্য

• min — palette তালিকার প্রথম উপাদানটিতে মানচিত্র করার জন্য সম্পত্তির মান।
• max — palette তালিকার শেষ উপাদানটিতে ম্যাপ করার জন্য সম্পত্তির মান।

রৈখিক

লিনিয়ার ইন্টারপোলেশন মোড palette প্রপার্টিতে সংজ্ঞায়িত সিম্বলজি মানের তালিকার মধ্যে রৈখিকভাবে min থেকে max রেঞ্জে ইনপুট মান ম্যাপ করে একটি বৈশিষ্ট্য শৈলী বৈশিষ্ট্য সেট করে। ইনপুট মানগুলি min এবং max দ্বারা সেট করা পরিসরে আটকানো হয়।

উদাহরণস্বরূপ, নিম্নলিখিত বস্তুটি "REP_AREA" বৈশিষ্ট্য বৈশিষ্ট্যের উপর ভিত্তি করে color শৈলী বৈশিষ্ট্য সেট করে। palette বৈশিষ্ট্য হল রঙের একটি তালিকা যা নির্দেশ করে যে min এবং max মধ্যে ইনপুট মানগুলি হলুদ থেকে লাল থেকে নীল থেকে রৈখিকভাবে গ্রেড করা উচিত। 1 এবং 500 এর মধ্যে একটি মান হলুদ এবং লালের মধ্যে প্রসারিত হয় এবং 500 এবং 1000 এর মধ্যে একটি মান লাল এবং নীলের মধ্যে প্রসারিত হয়।

var visParams = {
  color: {
    property: 'REP_AREA',
    mode: 'linear',
    palette: ['yellow', 'red', 'blue'],
    min: 1,
    max: 1000
  }
};

ব্যবধান

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

নিম্নলিখিত উদাহরণে, বৈশিষ্ট্য পূরণ অস্বচ্ছতা "REP_AREA" সম্পত্তির গ্র্যাজুয়েট ক্লাস অনুযায়ী সেট করা হয়েছে। শ্রেণী সংজ্ঞা এবং শৈলী প্রতীকবিদ্যা palette সম্পত্তি তালিকার একটি তালিকা হিসাবে প্রদান করা হয়. এটি নির্দেশ করে যে 0.5, 0.35, 0.22 এবং 0.15 এর স্বতন্ত্র বৈশিষ্ট্যের অস্পষ্টতা সহ 0, 80, 2000 এবং 5000 মানের বিরতি সহ 4টি ক্লাস থাকা উচিত। অন্য কথায়, $ 0 \le x < 80 $ ব্যবধানে "REP_AREA" মান সহ বৈশিষ্ট্যগুলির একটি পূরণ অস্বচ্ছতা 0.5 হবে, ব্যবধান $ 80 \le x < 2000 $ এর মানগুলির 0.35 এর অস্বচ্ছতা পূরণ হবে এবং আরও অনেক কিছু।

var visParams = {
  fillOpacity: {
    property: 'REP_AREA',
    mode: 'interval',
    palette: [
      [0, 0.5],
      [80, 0.35],
      [2000, 0.22],
      [5000, 0.15]
    ]
  }
};

সমস্ত শৈলী বৈশিষ্ট্য

আপনি শৈলী অবজেক্টে নির্দিষ্ট করতে পারেন এমন সমস্ত শৈলী বৈশিষ্ট্য নীচে রয়েছে। নির্দিষ্ট জ্যামিতি প্রকারের জন্য শৈলী বৈশিষ্ট্যগুলি সেট করা "সমস্ত জ্যামিতি" এর জন্য সেট করা সংশ্লিষ্ট শৈলী বৈশিষ্ট্যগুলিকে ওভাররাইড করে (উদাহরণস্বরূপ, polygonFillColor সেট করা fillColor এ সেট করা মানটিকে ওভাররাইড করে)।

সম্পত্তি	টাইপ	বর্ণনা	ইন্টারপোলেটেড নিয়ম সমর্থন করে
সমস্ত জ্যামিতি
isVisible	Boolean	বৈশিষ্ট্যটি দৃশ্যমান কিনা তা সেট করে।	না
color	String	সমস্ত জ্যামিতি প্রকারের জন্য ফিল/স্ট্রোক রঙ সেট করে। একটি হেক্স মান বা একটি CSS3 রঙ হতে হবে।	হ্যাঁ
opacity	Double	সমস্ত জ্যামিতি প্রকারের জন্য পূরণ/স্ট্রোক অস্বচ্ছতা সেট করে। 0 এবং 1 এর মধ্যে একটি দ্বিগুণ হতে হবে।	হ্যাঁ
width	Double	সমস্ত জ্যামিতি প্রকারের জন্য স্ট্রোক প্রস্থ সেট করে।	হ্যাঁ
fillColor	String	সমস্ত জ্যামিতি প্রকারের জন্য ফিল কালার সেট করে। একটি হেক্স মান বা একটি CSS3 রঙ হতে হবে।	হ্যাঁ
পয়েন্ট জ্যামিতি
pointShape	String	বিন্দু জ্যামিতির আকৃতি সেট করে। ee.FeatureCollection.style (বৃত্ত, বর্গক্ষেত্র, ডায়মন্ড, ক্রস, প্লাস, পেন্টাগ্রাম, হেক্সাগ্রাম, ত্রিভুজ, ত্রিভুজ_আপ, ত্রিভুজ_নিম্ন, ত্রিভুজ_বাম, ত্রিভুজ_ডান, পেন্টাগন, ষড়ভুজ, তারকা5, তারকা6) এর মতো একই আকার সমর্থন করে।	না
pointSize	Double	পয়েন্ট জ্যামিতির প্রস্থ সেট করে (px এ)।	হ্যাঁ
pointFillColor	String	পয়েন্ট জ্যামিতির জন্য ফিল কালার সেট করে। একটি হেক্স মান বা একটি CSS3 রঙ হতে হবে।	হ্যাঁ
pointFillOpacity	Double	পয়েন্ট জ্যামিতির জন্য অস্বচ্ছতা পূরণ করে। 0 এবং 1 এর মধ্যে একটি দ্বিগুণ হতে হবে।	হ্যাঁ
রেখার জ্যামিতি
lineType	String	লাইনের ধরন সেট করে। ee.FeatureCollection.style (সলিড, ড্যাশড, ডটেড) এর মতো একই ধরনের সমর্থন করে।	না
lineWidth	Double	লাইনের প্রস্থ (px এ) সেট করে।	হ্যাঁ
lineColor	String	লাইন জ্যামিতির জন্য রঙ সেট করে। একটি হেক্স মান বা একটি CSS3 রঙ হতে হবে।	হ্যাঁ
lineOpacity	Double	লাইন জ্যামিতির জন্য অস্বচ্ছতা সেট করে। 0 এবং 1 এর মধ্যে একটি দ্বিগুণ হতে হবে।	হ্যাঁ
বহুভুজ জ্যামিতি
polygonStrokeWidth	Double	বহুভুজের স্ট্রোকের প্রস্থ (px-এ) সেট করে।	হ্যাঁ
polygonStrokeType	String	বহুভুজের জন্য লাইনের ধরন সেট করে। ee.FeatureCollection.style (সলিড, ড্যাশড, ডটেড) এর মতো একই ধরনের সমর্থন করে।	না
polygonStrokeColor	String	বহুভুজ জ্যামিতির জন্য স্ট্রোকের রঙ সেট করে। একটি হেক্স মান বা একটি CSS3 রঙ হতে হবে।	হ্যাঁ
polygonStrokeOpacity	Double	বহুভুজ জ্যামিতির জন্য স্ট্রোক অস্বচ্ছতা সেট করে। 0 এবং 1 এর মধ্যে একটি দ্বিগুণ হতে হবে।	হ্যাঁ
polygonFillColor	String	বহুভুজ জ্যামিতির জন্য ফিল কালার সেট করে। একটি হেক্স মান বা একটি CSS3 রঙ হতে হবে।	হ্যাঁ
polygonFillOpacity	Double	বহুভুজ জ্যামিতির জন্য অস্বচ্ছতা পূরণ করে। 0 এবং 1 এর মধ্যে একটি দ্বিগুণ হতে হবে।	হ্যাঁ