HTML5 জিওলোকেশন API আপনাকে আপনার পছন্দের ওয়েবসাইটগুলির সাথে আপনার অবস্থান শেয়ার করতে দেয়৷ একটি জাভাস্ক্রিপ্ট আপনার অক্ষাংশ এবং দ্রাঘিমাংশ ক্যাপচার করতে পারে এবং ব্যাকএন্ড ওয়েব সার্ভারে পাঠানো যেতে পারে এবং স্থানীয় ব্যবসা খোঁজা বা মানচিত্রে আপনার অবস্থান দেখানোর মতো অভিনব অবস্থান-সচেতন জিনিসগুলি করতে পারে৷ ভূ-অবস্থান স্থানাঙ্ক ডিভাইসের ভৌগলিক অবস্থান নির্দিষ্ট করে।
ভৌগলিক অবস্থান পদ্ধতি getCurrentPosition() এবং getPositionUsingMethodName() কলব্যাক পদ্ধতি নির্দিষ্ট করে যা অবস্থানের তথ্য পুনরুদ্ধার করে। এই পদ্ধতিগুলিকে বলা হয় অ্যাসিঙ্ক্রোনাসভাবে একটি বস্তুর অবস্থান যা সম্পূর্ণ অবস্থানের তথ্য সংরক্ষণ করে।
পজিশন অবজেক্ট ডিভাইসের বর্তমান ভৌগলিক অবস্থান নির্দিষ্ট করে। অবস্থানটি শিরোনাম এবং গতি সম্পর্কে তথ্য সহ ভৌগলিক স্থানাঙ্কের একটি সেট হিসাবে প্রকাশ করা হয়৷
পজিশন অবজেক্টের বৈশিষ্ট্য −
অন্তর্ভুক্ত করে| সম্পত্তি | টাইপ | বর্ণনা |
| কোর্ড | বস্তু | ডিভাইসের ভৌগলিক অবস্থান নির্দিষ্ট করে৷ অবস্থানটি শিরোনাম এবং গতি সম্পর্কে তথ্য সহ ভৌগলিক স্থানাঙ্কের একটি সেট হিসাবে প্রকাশ করা হয়। |
| coords.latitude | সংখ্যা | দশমিক ডিগ্রীতে অক্ষাংশ অনুমান নির্দিষ্ট করে৷ মান পরিসীমা হল [-90.00, +90.00]। |
| coords.longitude | সংখ্যা | দশমিক ডিগ্রীতে দ্রাঘিমাংশের অনুমান নির্দিষ্ট করে৷ মান পরিসীমা হল [-180.00, +180.00]। |
নিম্নলিখিত অক্ষাংশ এবং দ্রাঘিমাংশের জন্য স্থানাঙ্ক সহ অবস্থান বস্তু ব্যবহার করে −
ভৌগলিক অবস্থান অবজেক্ট নিম্নলিখিত পদ্ধতিগুলি প্রদান করে৷ তাদের সকলেই অবস্থান পুনরুদ্ধার করতে স্থানাঙ্ক ব্যবহার করে −
| পদ্ধতি | বর্ণনা |
| getCurrentPosition() | এই পদ্ধতিটি ব্যবহারকারীর বর্তমান ভৌগলিক অবস্থান পুনরুদ্ধার করে৷ |
| watchPosition() | এই পদ্ধতিটি ডিভাইসের বর্তমান ভৌগলিক অবস্থান সম্পর্কে পর্যায়ক্রমিক আপডেটগুলি পুনরুদ্ধার করে৷ |
| clearWatch() | এই পদ্ধতিটি একটি চলমান watchPosition কল বাতিল করে৷ |
উদাহরণ
আপনি জিওলোকেশনের সাথে কীভাবে কাজ করবেন এবং HTML5 এ জিওলোকেশন কোঅর্ডিনেট ব্যবহার করবেন তা শিখতে নিচের কোডটি চালানোর চেষ্টা করতে পারেন। এটি ডিভাইসের বর্তমান ভৌগলিক অবস্থান সম্পর্কে পর্যায়ক্রমিক আপডেটগুলি পুনরুদ্ধার করে৷ অবস্থানটি শিরোনাম এবং গতি সম্পর্কে তথ্য সহ ভৌগলিক স্থানাঙ্কের একটি সেট হিসাবে প্রকাশ করা হয়৷
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var watchID;
var geoLoc;
function showLocation(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
alert("Latitude : " + latitude + " Longitude: " + longitude);
}
function errorHandler(err) {
if(err.code == 1) {
alert("Error: Access is denied!");
} else if( err.code == 2) {
alert("Error: Position is unavailable!");
}
}
function getLocationUpdate(){
if(navigator.geolocation){
// timeout at 60000 milliseconds (60 seconds)
var options = {timeout:60000};
geoLoc = navigator.geolocation;
watchID = geoLoc.watchPosition(showLocation, errorHandler, options);
} else{
alert("Sorry, browser does not support geolocation!");|
}
}
</script>
</head>
<body>
<form>
<input type="button" onclick="getLocationUpdate();" value="Watch Update"/>
</form>
</body>
</html> 