এখন আপনি আর্থ ইঞ্জিন জাভাস্ক্রিপ্ট লেখা শুরু করতে প্রস্তুত, কোড এডিটরে নিম্নলিখিত কোডটি অনুলিপি করে শুরু করুন:
কোড এডিটর (জাভাস্ক্রিপ্ট)
// Instantiate an image with the Image constructor. var image = ee.Image('CGIAR/SRTM90_V4'); // Zoom to a location. Map.setCenter(-112.8598, 36.2841, 9); // Center on the Grand Canyon. // Display the image on the map. Map.addLayer(image);
কোড এডিটরের শীর্ষে রান বোতামটি ক্লিক করুন এবং লক্ষ্য করুন যে মানচিত্রে একটি খুব ধূসর চিত্র দেখা যাচ্ছে। চিন্তা করবেন না, আপনি শীঘ্রই এটিকে আরও ভাল করে তুলবেন। এই উদাহরণের কোনো অংশের সিনট্যাক্স অপরিচিত হলে, আর্থ ইঞ্জিন টিউটোরিয়ালের জন্য JavaScript পর্যালোচনা করতে ভুলবেন না।
ইমেজ কনস্ট্রাক্টর
এই উদাহরণে প্রথম নতুন জিনিস হল ইমেজ কনস্ট্রাক্টর ee.Image() । কনস্ট্রাক্টরকে দেওয়া আর্গুমেন্ট হল আর্থ ইঞ্জিন ডেটা ক্যাটালগের একটি ছবির স্ট্রিং আইডি। (ইমেজ কনস্ট্রাক্টরের সম্ভাব্য আর্গুমেন্টের একটি সম্পূর্ণ তালিকা দেখতে কোড এডিটরের বাম দিকে ডক্স ট্যাবটি দেখুন। ডক্স ট্যাব আর্থ ইঞ্জিন কী করতে পারে সে সম্পর্কে সবচেয়ে আপ টু ডেট তথ্য উপস্থাপন করে।)
একটি ইমেজ আইডি আবিষ্কার করতে, কোড এডিটরের শীর্ষে সার্চ টুল ব্যবহার করে আর্থ ইঞ্জিন ডেটা ক্যাটালগে অনুসন্ধান করুন। উদাহরণস্বরূপ, অনুসন্ধান ক্ষেত্রে 'উচ্চতা' টাইপ করুন এবং নোট করুন যে রাস্টারগুলির একটি তালিকা ফিরে এসেছে। সেই ডেটাসেট সম্পর্কে আরও তথ্য দেখতে 'SRTM ডিজিটাল এলিভেশন ডেটা সংস্করণ 4' এন্ট্রিতে ক্লিক করুন। ডেটাসেট বিবরণের ডানদিকে একটি চিত্র আইডি ক্ষেত্র রয়েছে। লক্ষ্য করুন যে উদাহরণে চিত্র আইডিটি ডেটাসেটের বিবরণে দেখানো চিত্র আইডি থেকে অনুলিপি করা হয়েছে।
ইমেজ আইডি কপি এবং পেস্ট করার একটি বিকল্প হল ডেটাসেট বিবরণে আমদানি বোতাম বা অনুসন্ধান ফলাফলের ডানদিকে আমদানি লিঙ্ক ব্যবহার করা। আপনি যদি আমদানি লিঙ্ক বা বোতামে ক্লিক করেন, আপনার স্ক্রিপ্টের শীর্ষে 'আমদানি' নামে একটি বিশেষ বিভাগে একটি পরিবর্তনশীল স্বয়ংক্রিয়ভাবে তৈরি হয়। আপনি আমদানি বিভাগে এর নামের উপর ক্লিক করে পরিবর্তনশীলটির নাম পরিবর্তন করতে পারেন।
মানচিত্র কনফিগার করা হচ্ছে
এই উদাহরণের দ্বিতীয় নতুন অংশ হল Map.setCenter() কল। Map অবজেক্টে এই পদ্ধতিটি, যা কোড এডিটরে মানচিত্র প্রদর্শনকে প্রতিনিধিত্ব করে, মানচিত্রটিকে প্রদত্ত দ্রাঘিমাংশ, অক্ষাংশ (দশমিক ডিগ্রিতে) এবং জুম স্তরে কেন্দ্র করে যেখানে 1 জুম আউট করা হয় যাতে মানচিত্র সমগ্র পৃথিবীর পৃষ্ঠ দেখায়। বড় সংখ্যা সেখান থেকে জুম ইন. কোড এডিটরের বাম দিকে ডক্স ট্যাবে ম্যাপ সেকশনটি চেক করে Map অবজেক্টের সমস্ত পদ্ধতি আবিষ্কার করুন।
মানচিত্রে একটি স্তর যোগ করা হচ্ছে
উদাহরণের শেষ লাইনটি বলে: কোড এডিটরে মানচিত্র প্রদর্শনে একটি চিত্র যুক্ত করতে Map অবজেক্টের addLayer() পদ্ধতি ব্যবহার করুন।
অভিনন্দন! আপনি আপনার প্রথম আর্থ ইঞ্জিন স্ক্রিপ্ট তৈরি করেছেন। পরবর্তী বিভাগে, আপনি শিখবেন কিভাবে সেই ছবিটিকে একটু ভালো দেখাতে হয়।
ডিগ্রেশন: আর্থ ইঞ্জিনে ছবি
আর্থ ইঞ্জিনের ছবিগুলি (আরো বিশদ বিবরণের জন্য এই পৃষ্ঠাটি দেখুন) এক বা একাধিক ব্যান্ড দিয়ে তৈরি৷ একটি চিত্রের প্রতিটি ব্যান্ডের নিজস্ব নাম, পিক্সেল মান, পিক্সেল রেজোলিউশন এবং অভিক্ষেপ রয়েছে। আপনি শীঘ্রই আবিষ্কার করতে পারবেন, SRTM চিত্রটির একটি ব্যান্ড রয়েছে: 'উচ্চতা'।
আপনি যখন Map.addLayer() ব্যবহার করে একটি মানচিত্রে একটি চিত্র যুক্ত করেন, তখন আর্থ ইঞ্জিনকে ডিসপ্লেতে রঙের সাথে চিত্র ব্যান্ড(গুলি) এর মানগুলি কীভাবে ম্যাপ করতে হয় তা নির্ধারণ করতে হবে। যদি একটি একক-ব্যান্ড চিত্র একটি মানচিত্রে যোগ করা হয়, ডিফল্টরূপে আর্থ ইঞ্জিন ব্যান্ডটিকে গ্রেস্কেলে প্রদর্শন করে, যেখানে সর্বনিম্ন মানটি কালোকে বরাদ্দ করা হয় এবং সর্বাধিক মানটি সাদাতে নির্ধারিত হয়। আপনি ন্যূনতম এবং সর্বোচ্চ কি হওয়া উচিত তা নির্দিষ্ট না করলে, আর্থ ইঞ্জিন ডিফল্ট মান ব্যবহার করবে। উদাহরণ স্বরূপ, আপনি এইমাত্র মানচিত্রে যে চিত্রটি যোগ করেছেন তা ডেটার সম্পূর্ণ পরিসরে প্রসারিত একটি গ্রেস্কেল চিত্র হিসাবে প্রদর্শিত হয় বা 16-বিট পূর্ণসংখ্যা [-32768, 32767] স্বাক্ষরিত হয়৷ ( float ব্যান্ডগুলি [0, 1] পর্যন্ত প্রসারিত হয় এবং byte ব্যান্ডগুলি ডিফল্টরূপে [0, 255] এ প্রসারিত হয়)।
আপনি ছবিটি মুদ্রণ করে এবং কনসোল ট্যাবে ইমেজ অবজেক্ট পরিদর্শন করে ডেটা টাইপ আবিষ্কার করতে পারেন। উদাহরণস্বরূপ, পূর্ববর্তী কোডের পরে নিম্নলিখিতগুলি পেস্ট করুন:
কোড এডিটর (জাভাস্ক্রিপ্ট)
print('SRTM image', image);
যখন আপনি রান ক্লিক করেন, মনে রাখবেন যে কনসোলে একটি বস্তু প্রদর্শিত হবে। বস্তুর বৈশিষ্ট্যগুলি তদন্ত করতে, zippy এ ক্লিক করে এটিকে প্রসারিত করুন (
) বস্তু বা সম্পত্তির বাম দিকে। ইমেজ অবজেক্ট, 'ব্যান্ড' প্রপার্টি, ইনডেক্স '0'-এ 'উচ্চতা' ব্যান্ড এবং 'এলিভেশন' ব্যান্ডের 'ডেটা_টাইপ' প্রপার্টি প্রসারিত করুন যাতে এটি একটি signed int16 ডেটা টাইপ।
লেয়ার ভিজ্যুয়ালাইজেশন কাস্টমাইজ করা
ডেটা প্রসারিত করার উপায় পরিবর্তন করতে, আপনি Map.addLayer() কলে অন্য প্যারামিটার প্রদান করতে পারেন। বিশেষভাবে, দ্বিতীয় প্যারামিটার, visParams , আপনাকে প্রদর্শনের জন্য সর্বনিম্ন এবং সর্বাধিক মানগুলি নির্দিষ্ট করতে দেয়। কোন মানগুলি ব্যবহার করতে হবে তা আবিষ্কার করতে, ইন্সপেক্টর ট্যাবটি সক্রিয় করুন এবং পিক্সেল মানগুলির পরিসর সম্পর্কে ধারণা পেতে মানচিত্রের চারপাশে ক্লিক করুন৷ বিকল্পভাবে, ইন্টারেক্টিভভাবে ডেটা প্রসারিত করতে লেয়ার ম্যানেজার ব্যবহার করুন, তারপর শতকরা বা স্ট্যান্ডার্ড বিচ্যুতি স্ট্রেচের সাথে ন্যূনতম এবং সর্বাধিক সম্পর্কিত পর্যবেক্ষণ করুন। ধরুন যে এই ধরনের পরীক্ষা-নিরীক্ষার মাধ্যমে, আপনি নির্ধারণ করেছেন যে ডেটা [0, 3000] এ প্রসারিত করা উচিত। এই ব্যাপ্তি ব্যবহার করে ছবি প্রদর্শন করতে, ব্যবহার করুন:
কোড এডিটর (জাভাস্ক্রিপ্ট)
Map.addLayer(image, {min: 0, max: 3000}, 'custom visualization');
উল্লেখ্য যে visParams প্যারামিটারটি একটি বস্তু, যার বৈশিষ্ট্যগুলি min এবং max নির্দিষ্ট করে। ( জাভাস্ক্রিপ্ট টিউটোরিয়াল বা এই বাহ্যিক রেফারেন্স থেকে জাভাস্ক্রিপ্ট অবজেক্ট সম্পর্কে আরও জানুন)। মনে রাখবেন যে Map.addLayer() এর তৃতীয় প্যারামিটার হল স্তরটির নাম যা লেয়ার ম্যানেজারে প্রদর্শিত হয়। ফলাফলটি চিত্র 1 এর মতো দেখতে হবে। লেয়ারের নাম পরিবর্তনের প্রভাব দেখতে ডানদিকের লেয়ার বক্সের উপর মাউসটি ঘোরান।
একটি রঙ প্যালেট ব্যবহার করে একটি একক ব্যান্ড প্রদর্শন করতে, visParams অবজেক্টে একটি palette বৈশিষ্ট্য যোগ করুন:
কোড এডিটর (জাভাস্ক্রিপ্ট)
Map.addLayer(image, {min: 0, max: 3000, palette: ['blue', 'green', 'red']}, 'custom palette');
ফলাফলটি চিত্র 2 এর মতো দেখতে হবে।
ডিগ্রেশন: প্যালেট
প্যালেটগুলি আপনাকে একক-ব্যান্ড চিত্রগুলির জন্য রঙের স্কিম সেট করতে দেয়। একটি প্যালেট হল রঙের স্ট্রিংগুলির একটি কমা সীমাবদ্ধ তালিকা যা ভিজ্যুয়ালাইজেশন প্যারামিটারের মধ্যে সর্বাধিক এবং সর্বনিম্ন মানগুলির মধ্যে রৈখিকভাবে অন্তর্নিহিত থাকে (বা ব্যান্ডের ধরন অনুসারে ডিফল্ট, যেমনটি আগে বর্ণিত হয়েছে)। উদাহরণস্বরূপ, ন্যূনতম থেকে কম বা সমান পিক্সেলগুলি তালিকার প্রথম রঙের সাথে প্রদর্শিত হবে; সর্বাধিকের চেয়ে বড় বা সমান পিক্সেল তালিকার শেষ রঙের সাথে প্রদর্শিত হবে। মধ্যবর্তী রং রৈখিকভাবে মধ্যবর্তী পিক্সেল মান পর্যন্ত প্রসারিত হয়।
রঙগুলি ওয়েব স্ট্যান্ডার্ড CSS রঙের মান স্কিম ব্যবহার করে সংজ্ঞায়িত করা হয় (আরো জানতে এই বাহ্যিক রেফারেন্সটি দেখুন)। রঙগুলি নাম দ্বারা বা হেক্সাডেসিমাল স্ট্রিং হিসাবে নির্দিষ্ট করা যেতে পারে যা লাল, সবুজ এবং নীলের সংমিশ্রণ নির্দেশ করে। তিনটি অবস্থানের যেকোনো একটিতে সর্বনিম্ন মান হল 00 (দশমিক সংখ্যা 0 প্রতিনিধিত্ব করে), যেখানে সর্বোচ্চ হল FF (দশমিক সংখ্যা 255 প্রতিনিধিত্ব করে)। স্ট্রিং '000000' কালো রঙের প্রতিনিধিত্ব করে, 'FFFFFF' সাদা, 'FF0000' লাল, '00FF00' সবুজ, এবং '0000FF' নীল। আরো বিস্তারিত জানার জন্য রঙ প্যালেট বিভাগ দেখুন. এই বিভাগে বর্ণিত স্টাইলড লেয়ার ডিসক্রিপ্টর ব্যবহার করে অন্যান্য প্রসারিত করা সম্ভব।
পরে এই টিউটোরিয়ালে, আপনি শিখবেন কিভাবে মাল্টি-ব্যান্ড চিত্র প্রদর্শন করতে হয়। কিন্তু প্রথমে, ইমেজ সহ গণনা সম্পাদন সম্পর্কে জানতে পরের পৃষ্ঠায় যান।