HTML DOM Geolocation coordinates প্রপার্টি ইউজারের ডিভাইসের পজিশন এবং एल্টিটিউড পৃথিবীতে জানতে ব্যবহৃত হয়। ইউজারের অনুমতি নিতে হয় যে সে কোঅর্ডিনেট দিতে চায় কিনা। এটি ইউজারের প্রাইভেসি রক্ষার জন্য করা হয়। এটি বিভিন্ন ডিভাইসের লোকেশন ট্র্যাক করতে ব্যবহার করা যায়।
প্রপার্টি
position প্রপার্টি নিচে দেওয়া হলো:
নোট − নিচের প্রপার্টিগুলো read-only:
| প্রপার্টি | বিবরণ |
|---|---|
| position.coords | একটি coordinates অবজেক্ট রিটার্ন করে যাতে ল্যাটিটিউড, লองিটিউড, এল্টিটিউড, এবং ডিভাইসের গতির তথ্য থাকে। এতে একটি accuracy ভ্যালুও থাকে যা মিটার 단위로 মাপের নির্ভুলতা বর্ণনা করে। |
| position.timestamp | position অবজেক্ট তৈরি হওয়ার সময় এবং তারিখ রিপ্রেজেন্ট করে। এটি সেই সময়কে রিপ্রেজেন্টকারী একটি DOMTimeStamp রিটার্ন করে। |
সিনট্যাক্স
Geolocation position প্রপার্টির সিনট্যাক্স:
position.property
এখানে, property উপরের টেবিলের দুটি প্রপার্টির যেকোনো একটি হতে পারে।
উদাহরণ
Geolocation position প্রপার্টির উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Geolocation coordinates প্রপার্টি</h1> <p>নিচের বাটনে ক্লিক করে আপনার কোঅর্ডিনেট পান</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 বাটনে ক্লিক করলে:
উপরের উদাহরণে:
প্রথমে COORDINATES বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে getCoords() মেথড এক্সিকিউট করবে:
<button onclick="getCoords()">COORDINATES</button>
getCoords() ফাংশন navigator অবজেক্টের geolocation প্রপার্টি পাওয়া ব্রাউজার জিওলোকেশন সাপোর্ট করে কিনা চেক করতে। যদি ব্রাউজার সাপোর্ট করে তবে এটি Geolocation অবজেক্ট রিটার্ন করবে। navigator geolocation প্রপার্টির getCurrentPosition() মেথড ব্যবহার করে ডিভাইসের বর্তমান পজিশন পাওয়া যায়। getCurrentPosition() মেথড একটি কলব্যাক ফাংশন এবং এটি একটি ফাংশন অবজেক্ট হিসেবে প্যারামিটার নেয় কারণ জাভাস্ক্রিপ্টে প্রতিটি ফাংশন একটি অবজেক্ট।
এখানে showCoords() মেথড পাস করা হয়েছে। showCoords() মেথড একটি position ইন্টারফেস প্যারামিটার হিসেবে নেয় এবং তা ব্যবহার করে লองিটিউড, ল্যাটিটিউড এবং accuracy id “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; } 