HTML জিওলোকেশন

এইচটিএমএল জিওলোকেশন ব্যবহারকারীর রিয়েল টাইম ভৌগলিক অবস্থান জানতে ব্যবহার করা হয়, শুধুমাত্র যদি তারা অনুমতি দেয়। এটি বিভিন্ন কারণে ব্যবহার করা যেতে পারে। এটি অক্ষাংশ এবং দ্রাঘিমাংশ পেতে জাভাস্ক্রিপ্ট ব্যবহার করে।

দ্রষ্টব্য − Google Chrome 50-এর আগে, ভূ-অবস্থানের অনুরোধগুলি অনুমোদিত হতে পারে কিন্তু Chrome 50-এর হিসাবে শুধুমাত্র HTTPS-এর মাধ্যমে অনুরোধগুলি অনুমোদিত হয় এবং HTTP-এর মাধ্যমে অনুরোধগুলি উপেক্ষা করা হয়৷

সিনট্যাক্স

নিচের সিনট্যাক্স −

navigator.geolocation.getCurrentPosition()

এখানে, getCurrentPosition() দ্বারা বস্তু ফেরত দেওয়া হয়েছে নিম্নলিখিত বৈশিষ্ট্য থাকতে পারে -

সম্পত্তি	রিটার্ন মান
coords.latitude	দশমিক সংখ্যা হিসাবে ভৌগলিক অক্ষাংশ
coords.longitude	দশমিক সংখ্যা হিসাবে ভৌগলিক দ্রাঘিমাংশ
coords.accuracy	পজিশনের যথার্থতা
coords.altitude	সমুদ্র সমতলের গড় উপরে মিটার উচ্চতা
coords.altitude সঠিকতা	পজিশনের উচ্চতা নির্ভুলতা
coords.heading	উত্তর থেকে ডিগ্রী ঘড়ির কাঁটার দিকে যাচ্ছে
coords.speed	মিটার প্রতি সেকেন্ডে গতি
ইমেস্ট্যাম্প	প্রতিক্রিয়ার তারিখ/সময়

আসুন একটি উদাহরণ দেখি কিভাবে HTML ভূ-অবস্থান ত্রুটি পরিচালনা করে −

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>HTML Geolocation</title>
<style>
   * {
      padding: 2px;
      margin:5px;
   }
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>HTML-Geolocation</legend>
<input type="button" value="Update Location" onclick="updateLocation()">
<input type="button" value="Search" onclick="searchLoc()">
<div id="divDisplay">Current Location:</div>
<div>
<span id="latitude">Latitude: 42.9177901</span>
<span id="longitude">Longitude: -75.8114698</span>
</div>
<script>
   var latObj = document.getElementById("latitude");
   var longObj = document.getElementById("longitude");
   var divDisplay = document.getElementById("divDisplay");
   function searchLoc(){
      var lat = latObj.textContent.split(": ")[1];
      var long = longObj.textContent.split(": ")[1];
      var url = "https://www.google.com/maps/@"+lat+","+long+",8.58z";
      browseWindow = window.open(url, "browseWindow", "width=400, height=200");
   }
   function updateLocation(){
      browseWindow.close();
      var user = navigator.geolocation;
      if (user)
         user.getCurrentPosition(updatePosition, errorHandler);
      else
         divDisplay.textContent = "Geolocation is not supported in this browser";
   }
   function updatePosition(position) {
      divDisplay.innerHTML = 'Location Updated<br>Current Location:';
      latObj.textContent = 'Latitude: '+position.coords.latitude;
      longObj.textContent = 'Longitude: '+position.coords.longitude;
   }
   function errorHandler(error) {
      switch(error.code) {
         case error.PERMISSION_DENIED:
            divDisplay.textContent = "You denied the request to get Geolocation"
            break;
         case error.POSITION_UNAVAILABLE:
            divDisplay.textContent = "Your location information is unavailable"
            break;
         case error.TIMEOUT:
            divDisplay.textContent = "The request to get your location timed out"
            break;
         case error.UNKNOWN_ERROR:
            divDisplay.textContent = "Unknown error occurred"
            break;
      }
   }
</script>
</body>
</html>

1) যেকোনো বোতামে ক্লিক করার আগে -

HTML জিওলোকেশন

2) 'অনুসন্ধান করুন ক্লিক করার পরে৷ ’ বোতাম -

HTML জিওলোকেশন

3) 'অবস্থান আপডেট করুন ক্লিক করার পরে৷ ’ বোতাম -

HTML জিওলোকেশন

4) 'অনুসন্ধান করুন ক্লিক করার পরে৷ ’ বোতাম -

HTML জিওলোকেশন

5) 'অবস্থান আপডেট করুন ক্লিক করার পরে৷ ’ বোতাম এবং ব্যবহারকারী অবস্থান অ্যাক্সেসের অনুমতি অস্বীকার করে −

HTML জিওলোকেশন