ایچ تی ام ال5 جغرافیائی پوزیشن

HTML5 جیو لوسیئن، یوزر کی لوکیشن کو پتہ لگانے کے لئے استعمال کی جاتی ہے.

سماجی طور پر تجربہ کریں: جوگل میپ پر آپ کی لوکیشن نمائش کریں

یوزر کی لوکیشن کو پتہ لگانا

HTML5 جیو لوسیئن ای پی آئی، یوزر کی جیو لوکیشن حاصل کرنے کے لئے استعمال کی جاتی ہے.

اس کی خصوصیت کی وجہ سے یوزر کی پرائیویسی کو نقصان پہنچ سکتا ہے، اس لئے یوزر کی اجازت ملنے تک یوزر کی لوکیشن معلومات دستیابی نہیں کی جاسکتی ہیں.

بھرسر کا پشتیبانی

اینٹرنیٹ ایکسپلورر 9، فائر فاکس، کروم، سافری اور اوپرا جیو لوسیئن کا پشتیبانی کرتے ہیں.

نوٹ:جی پی ایس کی مسلسل توسیع والی اپریشن، مثلاً آئی فون، جیو لوسیئن کی دقت زیادہ ہوتی ہے.

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 میں مخصوص فونکشن کو واپس فراہم کرتا ہے
  • 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;
    }
  }

ਸਵੈ ਮੁੱਖ ਪ੍ਰਯੋਗ ਕਰੋ

错误代码：

  • Permission denied - 用户不允许地理定位
  • Position unavailable - 无法获取当前位置
  • Timeout - 操作超时

在地图中显示结果

如需在地图中显示结果，您需要访问可使用经纬度的地图服务，比如谷歌地图或百度地图：

ਉਦਾਹਰਣ

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

ਸਵੈ ਮੁੱਖ ਪ੍ਰਯੋਗ ਕਰੋ

在上例中，我们使用返回的经纬度数据在谷歌地图中显示位置（使用静态图像）。

谷歌地图脚本

上面的链接向您演示如何使用脚本来显示带有标记、缩放和拖曳选项的交互式地图。

给定位置的信息

本页演示的是如何在地图上显示用户的位置。不过，地理定位对于给定位置的信息同样很有用处。

案例：

  • 更新本地信息
  • 显示用户周围的兴趣点
  • 交互式车载导航系统 (GPS)

getCurrentPosition() 方法 - 返回数据

若成功，则 getCurrentPosition() 方法返回对象。始终会返回 latitude、longitude 以及 accuracy 属性。如果可用，则会返回其他下面的属性。

ਵਿਸ਼ੇਸ਼ਤਾ ਵਰਣਨ
coords.latitude ਦਸਮੁੱਲ ਦਾ ਅਕਸ਼ਾਰ ਅੰਕ
coords.longitude ਦਸਮੁੱਲ ਦਾ ਲੰਬਾਈ ਅੰਕ
coords.accuracy ਸਥਾਨ ਨਿਖੇਚਾਉਣ ਦੀ ਸ਼ਰਤ
coords.altitude ਉੱਚਾਈ ਮੀਟਰ ਵਿੱਚ ਹੈਲੀਪੁਲਾਈ ਉੱਪਰ
coords.altitudeAccuracy ਸਥਾਨ ਦੀ ਉਚਾਈ ਦੀ ਨਿਖੇਧੀ
coords.heading ਦਿਸ਼ਾ, ਉੱਤਰ ਪੂਰਬ ਤੋਂ ਦਿਸ਼ਾ ਵਿੱਚ
coords.speed ਗਤੀ, ਮੀਟਰ/ਸਕਿੰਟ ਦੀ ਇਕਾਈ ਵਿੱਚ
timestamp ਪ੍ਰਤੀਕਸ਼ਣ ਦਾ ਤਿਮੇਹਾਰ

Geolocation ਵਸਤੂ - ਹੋਰ ਆਰਾਮਦਾਇਕ ਮੰਥਰ

watchPosition() - ਵਰਤਮਾਨ ਵਰਤਮਾਨ ਸਥਾਨ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ ਅਤੇ ਉਪਯੋਗਕਰਤਾ ਦੇ ਚਲਣ ਦੌਰਾਨ ਅੱਪਡੇਟ ਵਾਪਸ ਦਿੰਦਾ ਹੈ (ਜਿਵੇਂ ਕਿ ਕਾਰ ਵਿੱਚ ਜੀਪੀਐੱਸ)

clearWatch() - ਵਾਪਸ ਲੈਣਾ watchPosition() ਮੰਥਰ

ਹੇਠ ਲਿਖੇ ਉਦਾਹਰਣ ਵਿੱਚ watchPosition() ਮੰਥਰ ਦਿਖਾਇਆ ਗਿਆ ਹੈ।ਤੁਸੀਂ ਇਸ ਉਦਾਹਰਣ ਨੂੰ ਟੈਸਟ ਕਰਨ ਲਈ ਇੱਕ ਸਹੀ ਜੀਪੀਐੱਸ ਉਪਕਰਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ (ਉਦਾਹਰਣ ਵਜੋਂ 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>

ਸਵੈ ਮੁੱਖ ਪ੍ਰਯੋਗ ਕਰੋ