HTML5 ভূগোলগত অবস্থান

HTML5 Geolocation (জিওলোসেশন) ব্যবহারকারীর স্থানীয়তা নির্ধারণ করে

আপনার স্থানীয়তা পরীক্ষা করুন: গুগল ম্যাপস্‌-এ আপনার স্থানীয়তা দেখানো

ব্যবহারকারীর স্থানীয়তা নির্ধারণ

HTML5 Geolocation API ব্যবহারকারীর জিওগ্রাফিক স্থান পাওয়ার জন্য

এই বৈশিষ্ট্যটি ব্যবহারকারীর গোপনীয়তা লঙ্ঘন করতে পারে, তাই ব্যবহারকারীর অনুমতি ছাড়াই ব্যবহারকারীর স্থানীয়তা তথ্য উপলব্ধ নয়

ব্রাউজার সমর্থন

Internet Explorer 9, Firefox, Chrome, Safari এবং Opera জিওলোসেশন সমর্থন করে

মন্তব্য:জিপিএস সহযোগিতায়, যেমন iPhone, জিওলোসেশন একটি বেশি নিখুঁত হয়

HTML5 - জিওলোসেশন ব্যবহার

ব্যবহারকারীর স্থানীয়তা পাওয়ার জন্য getCurrentPosition() পদ্ধতি ব্যবহার করুন

এই উদাহরণটি একটি সাধারণ জিওলোসেশন ইন্সট্যান্স, ব্যবহারকারীর দূরত্ব ও দ্রাঘিমাংশ ফিরিয়ে দেয়

Example

<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML="Latitude: " + position.coords.latitude +
  "<br />Longitude: " + position.coords.longitude;
  }
</script>

Try it yourself

উদাহরণ ব্যাখ্যা:

  • জিওলোসেশন সমর্থন করা হয় কি না তা পরীক্ষা করা
  • যদি সমর্থন করা হয়, তবে getCurrentPosition() পদ্ধতি চালু করা হবে।না তবে, ব্যবহারকারীকে একটি বার্তা দেখানো হবে。
  • যদি getCurrentPosition() সফলভাবে চালিত হয়, তবে পরামর্শক শুধুমাত্র showPosition() ফাংশনকে একটি coordinates অবজেক্ট ফিরিয়ে দেয়
  • showPosition() ফাংশন দূরত্ব ও দ্রাঘিমাংশ অর্জন ও প্রদর্শন করে

উপরোক্ত উদাহরণ একটি অত্যন্ত মৌলিক জিওলোসেশন স্ক্রিপ্ট, ত্রুটি প্রক্রিয়াকরণ নেই。

ত্রুটি ও প্রত্যাখ্যান প্রক্রিয়াকরণ

getCurrentPosition() পদ্ধতির দ্বিতীয় পরামর্শ ত্রুটি প্রক্রিয়াকরণ করে।এটি বলা হয়, যখন ব্যবহারকারীর স্থানীয়তা অর্জন করা ব্যর্থ হয়, তখন কোনও ফাংশন চালু করা হবে:

Example

function showError(error)
  {
  switch(error.code)
    {
    case error.PERMISSION_DENIED:
      x.innerHTML="ব্যবহারকারী জিওলোসেশনের অনুরোধকে প্রত্যাখ্যান করেছেন।"
      break;
    case error.POSITION_UNAVAILABLE:
      x.innerHTML="স্থানীয়তা তথ্য উপলব্ধ নয়।"
      break;
    case error.TIMEOUT:
      x.innerHTML="The request to get user location timed out."
      break;
    case error.UNKNOWN_ERROR:
      x.innerHTML="An unknown error occurred."
      break;
    }
  }

Try it yourself

ত্রুটি কোড:

  • অনুমতি প্রত্যাখ্যান - ব্যবহারকারীকে ভূগোলীয় স্থানাঙ্কন দেওয়া হয়নি
  • অবস্থান নাও পাওয়া যায় - ব্যবহারকারীর অবস্থান পাওয়া যায় নি
  • টাইমআউট - অপারেশন সময়সীমা টাইমআউট

মানচিত্রে ফলাফল দেখান

যদি মানচিত্রে ফলাফলকে দেখাতে হয়, তবে দূরত্ব ও অক্ষাংশ ব্যবহারকারী মানচিত্র সেবা, যেমন গুগল মানচিত্র বা বাইডু মানচিত্রে পরিচ্ছন্ন করতে হবে:

Example

function showPosition(position)
{
var latlon=position.coords.latitude+","+position.coords.longitude;
var img_url="http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML="<img src='"+img_url+"' />";
}

Try it yourself

সেই উদাহরণে, আমরা গুগল মানচিত্রে অবস্থানকে দেখানোর জন্য ফিরিয়ে দেওয়া দৈর্ঘ্য ও অক্ষাংশ ডাটা ব্যবহার করেছি (স্ট্যাটিক ছবি)।

গুগল মানচিত্র স্ক্রিপ্ট

উপরোক্ত লিঙ্কটি একটি টেক্সট স্ক্রিপ্ট ব্যবহার করে একটি ইন্টারএক্টিভ মানচিত্রকে মার্কার, জগ্রা এবং ট্রেকিং অপশনসহ দেখানোর কিভাবনো প্রদর্শিত হয়েছে。

নির্দিষ্ট স্থানের তথ্য

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

উদাহরণ:

  • স্থানীয় তথ্য অপদাত্ত
  • ব্যবহারকারীর আশেপাশের আকর্ষণীয় স্থানগুলি দেখান
  • অভিন্ন পরিবহণ নেভিগেশন সিস্টেম (GPS)

getCurrentPosition() পদ্ধতি - ফিরিয়ে দেওয়া ডাটা

যদি সফল হয়, তবে getCurrentPosition() পদ্ধতি একটি অবজেক্ট ফিরিয়ে দেয়।সর্বদা latitude, longitude এবং accuracy বৈশিষ্ট্যগুলি ফিরিয়ে দেয়।যদি উপলব্ধ হয়, তবে নিচের অন্যান্য বৈশিষ্ট্যগুলি ফিরিয়ে দেয়。

বৈশিষ্ট্য বর্ণনা
coords.latitude দশমিক দূরত্বের অক্ষাংশ
coords.longitude দশমিক দূরত্বের দৈর্ঘ্য
coords.accuracy অবস্থান প্রকৃতি
coords.altitude উচ্চতা, সমুদ্রপৃষ্ঠ থেকে মিটারে পরিমাপ
coords.altitudeAccuracy Altitude accuracy of the location
coords.heading Direction, measured in degrees from true north
coords.speed Speed, measured in meters per second
timestamp Response date/time

Geolocation object - Other interesting methods

watchPosition() - Returns the user's current location and continues to return the user's updated location when the user moves (like GPS on a car).

clearWatch() - Stop the watchPosition() method

The following example demonstrates the watchPosition() method. You need a precise GPS device to test this example (such as iPhone):

Example

<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.watchPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML="Latitude: " + position.coords.latitude +
  "<br />Longitude: " + position.coords.longitude;
  }
</script>

Try it yourself