HTML DOM জিওলোকেশন সম্পত্তি সমন্বয় করে

HTML DOM জিওলোকেশন কোঅর্ডিনেট প্রপার্টি ব্যবহার করা হয় পৃথিবীতে ব্যবহারকারীর ডিভাইসের অবস্থান এবং উচ্চতা পাওয়ার জন্য। ব্যবহারকারীকে অনুমোদন করতে হবে যে তিনি এই সম্পত্তি কাজ করার আগে স্থানাঙ্ক দিতে চান। এটি করা হয় যাতে ব্যবহারকারীর গোপনীয়তার সাথে আপস করা না হয়। এটি বিভিন্ন ডিভাইসের অবস্থান ট্র্যাক করার জন্য ব্যবহার করা যেতে পারে।

সম্পত্তি

নিম্নলিখিত স্থানাঙ্ক সম্পত্তি −

দ্রষ্টব্য − এই সমস্ত বৈশিষ্ট্য শুধুমাত্র পঠনযোগ্য এবং তাদের রিটার্নের ধরন দ্বিগুণ।

Sr. No	সম্পত্তি এবং বর্ণনা
1	coordinates.latitude ডিভাইসের অবস্থানের অক্ষাংশ দশমিক ডিগ্রীতে ফেরত দিতে।
2	coordinates.longitude ডিভাইসের অবস্থানের দ্রাঘিমাংশ দশমিক ডিগ্রীতে ফেরত দিতে
3	coordinates.altitude সমুদ্রপৃষ্ঠের সাপেক্ষে অবস্থানের উচ্চতা মিটারে ফেরাতে। ডিভাইসে জিপিএস না থাকলে এটি শূন্য হতে পারে।
4	coordinates.accuracy মিটারে অক্ষাংশ এবং দ্রাঘিমাংশের বৈশিষ্ট্যের যথার্থতা ফেরাতে
5	coordinates.altitudeAccuracy উচ্চতা বৈশিষ্ট্যের নির্ভুলতা মিটারে ফেরাতে
6	coordinates.heading ডিভাইসটি যে দিকে যাত্রা করছে সেদিকে ফিরতে। ডিগ্রীতে নির্দিষ্ট করা এই মানটি নির্দেশ করে যে ডিভাইসটি সঠিক উত্তরে যাওয়ার থেকে কত দূরে। 0 ডিগ্রী সত্য উত্তর প্রতিনিধিত্ব করে, এবং দিকটি ঘড়ির কাঁটার দিকে নির্ধারিত হয় (পূর্ব 90 ডিগ্রী এবং পশ্চিম 270 ডিগ্রী)। গতি 0 হলে, শিরোনামটি NaN। ডিভাইসটি শিরোনাম তথ্য প্রদান করতে অক্ষম হলে, এই মানটি শূন্য
7	coordinates.speed প্রতি সেকেন্ডে মিটারে ডিভাইসের বেগ ফেরত দিতে। এই মানটি শূন্য হতে পারে।

সিনট্যাক্স

GeoLocation স্থানাঙ্ক সম্পত্তি -

-এর জন্য সিনট্যাক্স নিচে দেওয়া হল

coordinates.property

"সম্পত্তি" টেবিলে উল্লিখিত উপরের বৈশিষ্ট্যগুলির মধ্যে একটি হতে পারে৷

৷

উদাহরণ

জিওলোকেশন কোঅর্ডিনেট প্রপার্টি −

এর একটি উদাহরণ দেখা যাক

<!DOCTYPE html>
<html>
<body>
<h1>Geolocation coordinates property</h1>
<p>Get you coordinates by clicking the below button</p>
<button onclick="getCoords()">COORDINATES</button>
<p id="Sample">Your coordinates are:</p>
<script>
   var p = document.getElementById("Sample");
   function getCoords() {
      if (navigator.geolocation) {
         navigator.geolocation.getCurrentPosition(showCoords);
      } else {
         p.innerHTML ="This browser doesn't support geolocation.";
      }
   }
   function showCoords(position) {
      p.innerHTML = "Longitude:" + position.coords.longitude + "<br>Latitude: " + position.coords.latitude+"<br>Accuracy: "+ position.coords.accuracy;
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM জিওলোকেশন সম্পত্তি সমন্বয় করে

COORDINATES বোতামে ক্লিক করলে এবং "আপনার অবস্থান জানুন" পপআপে অনুমতি দিন-এ ক্লিক করুন -

HTML DOM জিওলোকেশন সম্পত্তি সমন্বয় করে

উপরের উদাহরণে -

আমরা প্রথমে একটি বোতাম COORDINATES তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করার পরে getCoords() পদ্ধতিটি কার্যকর করবে -

<button onclick="getCoords()">COORDINATES</button>

getCoords() ফাংশন ব্রাউজার ভূ-অবস্থান সমর্থন করে কিনা তা পরীক্ষা করার জন্য নেভিগেটর অবজেক্ট জিওলোকেশন প্রপার্টি পায়। যদি ব্রাউজারটি ভূ-অবস্থান সমর্থন করে, তবে এটি একটি ভূ-অবজেক্ট ফিরিয়ে দেবে। নেভিগেটর জিওলোকেশন প্রপার্টির getCurrentPosition() পদ্ধতি ব্যবহার করে আমরা ডিভাইসের বর্তমান অবস্থান পাই। getCurrentPosition() পদ্ধতি হল একটি কলব্যাক ফাংশন এবং এটি একটি ফাংশনকে এর প্যারামিটারের জন্য একটি অবজেক্ট হিসেবে নেয় যেহেতু প্রতিটি ফাংশন জাভাস্ক্রিপ্টের একটি অবজেক্ট।

এখানে, আমরা এতে showCoords() পদ্ধতি পাস করেছি। showCoords() পদ্ধতিটি প্যারামিটার হিসাবে একটি অবস্থান ইন্টারফেস নেয় এবং আইডি "নমুনা" সহ একটি অনুচ্ছেদের ভিতরে দ্রাঘিমাংশ, অক্ষাংশ এবং নির্ভুলতা প্রদর্শন করতে এটি ব্যবহার করে। এটি অনুচ্ছেদ অভ্যন্তরীণ এইচটিএমএল বৈশিষ্ট্য ব্যবহার করে এটিতে পাঠ্য যুক্ত করতে −

function getCoords() {
   if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showCoords);
   } else {
      p.innerHTML ="This browser doesn't support geolocation.";
   }
}
function showCoords(position) {
   p.innerHTML = "Longitude:" + position.coords.longitude + "<br>Latitude: " + position.coords.latitude+"<br>Accuracy: "+ position.coords.accuracy;
}