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

ব্যবহারকারীর অবস্থান লোকেশন

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

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

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

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

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

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

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

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

উদাহরণ

<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="অক্ষাংশ: " + position.coords.latitude +
  "<br />দূরত্ব: " + position.coords.longitude;
  }
</script>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

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

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

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

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

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

উদাহরণ

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

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

ত্রুটি কোড:

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

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

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

উদাহরণ

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+"' />";
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

এই উদাহরণে, আমরা গুগল ম্যাপে অবস্থান (স্ট্যাটিক চিত্র) দেখানোর জন্য ফিরিয়ে দেওয়া জিওডিনামিক ডাটা ব্যবহার করি

গুগল ম্যাপ স্ক্রিপ্ট

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

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

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

উদাহরণ:

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

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

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

বৈশিষ্ট্য বর্ণনা
coords.latitude দশমিক দ্রাঘিমাংশ
coords.longitude দশমিক অক্ষাংশ
coords.accuracy অবস্থান প্রাচীর
coords.altitude উচ্চতা, সমুদ্রপৃষ্ঠ থেকে মিটারে পরিমাপ
coords.altitudeAccuracy অবস্থানের উচ্চতা পরিমাপ
coords.heading দিক, উত্তর দিক থেকে ডিগ্রিতে
coords.speed গতি, মিটার/সেকেন্ড
timestamp প্রতিক্রিয়ার তারিখ/সময়

Geolocation অবজেক্ট - অন্যান্য আকর্ষক পদ্ধতি

watchPosition() - ব্যবহারকারীর বর্তমান অবস্থান ফিরিয়ে দিয়ে, ব্যবহারকারীর চলাচলের সঙ্গে তা আপডেট করে (যেমন গাড়িতের GPS)।

clearWatch() - অব্যবহৃত watchPosition() পদ্ধতিটি বন্ধ করুন

নিচের উদাহরণটিতে watchPosition() পদ্ধতিটি দেখানো হয়।এই উদাহরণটি পরীক্ষার জন্য একটি সঠিক GPS ডিভাইস (যেমন iPhone) ব্যবহার করতে হবে:

উদাহরণ

<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="অক্ষাংশ: " + position.coords.latitude +
  "<br />দূরত্ব: " + position.coords.longitude;
  }
</script>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন