HTML DOM জিওলোকেশন পজিশন প্রোপার্টি

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

৷

সম্পত্তি

নিম্নে অবস্থানের সম্পত্তি -

দ্রষ্টব্য − নীচের বৈশিষ্ট্যগুলি শুধুমাত্র পঠনযোগ্য −

৷ ৷

সম্পত্তি	বিবরণ
position.coords	পৃথিবীতে ডিভাইসের অক্ষাংশ, দ্রাঘিমাংশ, উচ্চতা এবং গতির মত তথ্য সহ একটি স্থানাঙ্ক বস্তু ফেরত দিতে। মিটারে পরিমাপ কতটা সঠিক তা বর্ণনা করে এটির একটি নির্ভুলতার মানও রয়েছে।
position.timestamp	অবজেক্টটি যে সময়ে তৈরি করা হয়েছিল সেই সময় এবং তারিখের প্রতিনিধিত্ব করতে। এটি সেই সময়ের প্রতিনিধিত্ব করে একটি DOMTimeStamp প্রদান করে৷

সম্পত্তি

বিবরণ

position.coords

পৃথিবীতে ডিভাইসের অক্ষাংশ, দ্রাঘিমাংশ, উচ্চতা এবং গতির মত তথ্য সহ একটি স্থানাঙ্ক বস্তু ফেরত দিতে। মিটারে পরিমাপ কতটা সঠিক তা বর্ণনা করে এটির একটি নির্ভুলতার মানও রয়েছে।

position.timestamp

অবজেক্টটি যে সময়ে তৈরি করা হয়েছিল সেই সময় এবং তারিখের প্রতিনিধিত্ব করতে। এটি সেই সময়ের প্রতিনিধিত্ব করে একটি DOMTimeStamp প্রদান করে৷

সিনট্যাক্স

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

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

position.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 জিওলোকেশন পজিশন প্রোপার্টি

সমন্বয় বাটনে ক্লিক করলে -

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;
}