HTML DOM Geolocation coordinates প্রপার্টি

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

প্রপার্টিগুলো

coordinates প্রপার্টিগুলো নিচে দেওয়া হলো:

দ্রষ্টব্য — এই সব প্রপার্টি read-only এবং তাদের রিটার্ন টাইপ double।

সিনট্যাক্স

GeoLocation coordinates প্রপার্টির সিনট্যাক্স:

coordinates.property

এখানে "property" উপরের টেবিলে উল্লেখিত প্রপার্টিগুলোর যেকোনো একটি হতে পারে।

উদাহরণ

GeoLocation coordinates প্রপার্টির উদাহরণ:

<!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>

আউটপুট

নিচের আউটপুট তৈরি হবে:

COORDINATES বাটনে ক্লিক করলে এবং "Know your location" পপআপে Allow ক্লিক করলে:

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

প্রথমে আমরা একটি COORDINATES বাটন তৈরি করেছি যা ইউজার ক্লিক করলে getCoords() মেথড এক্সিকিউট করবে:

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

getCoords() ফাংশন navigator অবজেক্টের geolocation প্রপার্টি চেক করে ব্রাউজার জিওলোকেশন সাপোর্ট করে কিনা। যদি সাপোর্ট করে, তবে একটি Geolocation অবজেক্ট রিটার্ন করে। navigator geolocation প্রপার্টির getCurrentPosition() মেথড ব্যবহার করে ডিভাইসের বর্তমান পজিশন পাওয়া যায়। getCurrentPosition() একটি কলব্যাক ফাংশন এবং এটি একটি ফাংশন অবজেক্ট হিসেবে প্যারামিটার নেয় (JavaScript-এ প্রতিটি ফাংশন একটি অবজেক্ট)।

এখানে আমরা showCoords() মেথড পাস করেছি। showCoords() মেথড একটি position ইন্টারফেস প্যারামিটার হিসেবে নেয় এবং তা ব্যবহার করে লองিটিউড, ল্যাটিটিউড এবং একুরেসি "Sample" আইডি वाले প্যারা গ্রাফে দেখায়। এটি প্যারা গ্রাফের innerHTML প্রপার্টি ব্যবহার করে টেক্সট অ্যাপেন্ড করে:

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