ਵੈੱਬ ਜੀਓਲੋਕੇਸ਼ਨ ਏਪੀਆਈ

استعمال کی جائی کا مقام پتہ لگانا

HTML جیو لوسیشن اپی کا استعمال جس میں استعمال کی جائی بغیر جائی ناہو، جائی کی جائی کا استعمال ہوتا ہے。

جسد کی بنا پر، جب تکمیل نکن جا ناہو، جس میں نجیاتی نقصان ممکن ہو سکتا ہے。

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਟਿੱਪਣੀ:地理定位对于带有 GPS 的设备（如智能手机）最为准确。

ਜੀਓਲੋਸਿਓਨਿੰਗ ਜੀਪੀਐੱਸ ਨਾਲ ਸ਼ਾਮਿਲ ਉਪਕਰਣਾਂ (ਜਿਵੇਂ ਕਿ ਸਮਾਰਟਫੋਨ) ਲਈ ਸਭ ਤੋਂ ਸਹੀ ਹੈ।

ਚਾਰੋਂ ਬਰਾਉਜ਼ਰ ਨੇ Geolocation API ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ: ਆਈਈ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰੱਥ ਸਮਰੱਥ ਸਮਰੱਥ ਸਮਰੱਥ ਸਮਰੱਥ

ਟਿੱਪਣੀ:ਚਾਰੋਂ ਚਰਮੇਨੇਸਕ ਤੋਂ ਬਾਅਦ, Geolocation API ਸਿਰਫ ਸੁਰੱਖਿਅਤ ਕੰਟੈਕਟ ਵਿੱਚ ਹੀ ਕੰਮ ਕਰੇਗਾ, ਉਦਾਹਰਣ ਵਜੋਂ HTTPS। ਜੇਕਰ ਤੁਹਾਡਾ ਸਾਈਟ HTTP ਉੱਤੇ ਮੌਜੂਦ ਹੈ, ਤਾਂ ਯੂਜ਼ਰ ਦੇ ਸਥਾਨ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੀ ਮੰਗ ਕੰਮ ਨਹੀਂ ਕਰੇਗੀ

Geolocation API ਦੀ ਵਰਤੋਂ

getCurrentPosition() ਮੇਥਡ ਯੂਜ਼ਰ ਦੇ ਸਥਾਨ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ

ਹੇਠ ਲਿਖੇ ਉਦਾਹਰਣ ਯੂਜ਼ਰ ਦੇ ਸਥਾਨ ਦੀ ਦੇਸ਼ਾਂਤਰ ਅਤੇ ਦੂਰੀ ਦਿਖਾਉਂਦਾ ਹੈ:

ਇੰਸਟੈਂਸ

<script>
const 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>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ ਦੇਖੋ:

  1. Geolocation ਦੀ ਸਮਰੱਥਾ ਚੈਕ ਕਰੋ
  2. ਜੇਕਰ ਸਮਰਥਨ ਹੈ, ਤਾਂ getCurrentPosition() ਮੇਥਡ ਚਲਾਓ। ਨਹੀਂ ਤਾਂ ਯੂਜ਼ਰ ਨੂੰ ਇੱਕ ਸੁਨੇਹਾ ਦਿਖਾਓ
  3. ਜੇਕਰ getCurrentPosition() ਮੇਥਡ ਸਫਲਤਾ ਨਾਲ ਚਲਦਾ ਹੈ, ਤਾਂ ਇਹ coordinates ਆਬਜੈਕਟ (showPosition) ਵਿੱਚ ਦਿੱਤੇ ਗਏ ਫੰਕਸ਼ਨ ਨੂੰ ਵਾਪਸ ਦਿੰਦਾ ਹੈ
  4. showPosition() ਫੰਕਸ਼ਨ ਦੇਸ਼ਾਂਤਰ ਅਤੇ ਦੂਰੀ ਦਿਖਾਉਂਦਾ ਹੈ

ਉੱਪਰੋਕਤ ਉਦਾਹਰਣ ਇੱਕ ਬਹੁਤ ਹੀ ਮੁੱਢਲਾ ਜੀਓਲੋਸਿਓਨਿੰਗ ਸਕ੍ਰਿਪਟ ਹੈ, ਜਿਸ ਵਿੱਚ ਗਲਤੀ ਹੱਲ ਨਹੀਂ ਹੈ。

ਗਲਤੀ ਅਤੇ ਇਨਕਾਰ ਨਾਲ ਹੱਲ

getCurrentPosition() ਮੇਥਡ ਦੇ ਦੂਜੇ ਪੈਰਾਮੀਟਰ ਗਲਤੀ ਨਾਲ ਹੱਲ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਜੇਕਰ ਯੂਜ਼ਰ ਦਾ ਸਥਾਨ ਨਹੀਂ ਮਿਲਿਆ, ਤਾਂ ਇਹ ਫੰਕਸ਼ਨ ਚਲਾਉਣਾ ਹੈ:

ਇੰਸਟੈਂਸ

function showError(error) {
  switch(error.code) {
    case error.PERMISSION_DENIED:
      x.innerHTML = "User denied the request for Geolocation.";
      break;
    case error.POSITION_UNAVAILABLE:
      x.innerHTML = "Location information is unavailable.";
      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;
  }
}

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਨਕਸ਼ੇ ਵਿੱਚ ਨਤੀਜੇ ਦਿਖਾਉਣਾ

ਜੇਕਰ ਤੁਸੀਂ ਨਕਸ਼ੇ ਵਿੱਚ ਨਤੀਜੇ ਦਿਖਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਨਕਸ਼ਾ ਸੇਵਾ ਦਾ ਪਹੁੰਚ ਕਰਨਾ ਹੋਵੇਗਾ, ਉਦਾਹਰਣ ਵਜੋਂ Google ਨਕਸ਼ਾ।

ਹੇਠ ਦੇ ਉਦਾਹਰਣ ਵਿੱਚ, ਵਾਪਸ ਕੀਤੀ ਲੰਬਾਈ ਅਤੇ ਦੇਸ਼ਾਂਤਰ ਨੂੰ Google ਮੈਪ ਵਿੱਚ ਸਥਿਤੀ ਦਿਖਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ (ਸਟੈਟਿਕ ਚਿੱਤਰ ਦੇ ਰੂਪ ਵਿੱਚ):

ਇੰਸਟੈਂਸ

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

ਸਥਾਨਕ ਸੂਚਨਾ

ਇਹ ਪੰਨਾ ਇਹ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ ਕਿ ਕਿਵੇਂ ਮੈਪ ਵਿੱਚ ਯੂਜ਼ਰ ਦੀ ਸਥਿਤੀ ਦਿਖਾਉਣਾ ਹੈ。

ਜੀਓਲੋਕੇਸ਼ਨ ਸਥਾਨਕ ਸੂਚਨਾ ਲਈ ਵੀ ਬਹੁਤ ਵਾਜਬ ਹੈ, ਜਿਵੇਂ ਕਿ:

  • ਸਭ ਤੋਂ ਨਵੀਂ ਸਥਾਨਕ ਸੂਚਨਾ
  • ਯੂਜ਼ਰ ਦੇ ਨਜ਼ਦੀਕ ਦੇ ਹਿਰਦੇ ਵਿੱਚ ਦਿਖਾਉਣਾ
  • ਪਲਟੇਲੀ ਨੇਵੀਗੇਸ਼ਨ (ਟਰਨ-ਬਾਈ-ਟਰਨ ਨੇਵੀਗੇਸ਼ਨ) (GPS)

getCurrentPosition() ਮੈਥਡ - ਵਾਪਸ ਕਰਨ ਵਾਲੇ ਡਾਟਾ

getCurrentPosition() ਮੈਥਡ ਸਫਲ ਹੋਣ 'ਤੇ ਇੱਕ ਆਬਜੈਕਟ ਵਾਪਸ ਕਰਦਾ ਹੈ। ਹਮੇਸ਼ਾ ਅਕਸਰ ਲੰਬਾਈ, ਦੇਸ਼ਾਂਤਰ ਅਤੇ ਨਿਸ਼ਚਿਤਤਾ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਾਪਸ ਕਰਦਾ ਹੈ। ਉਪਲੱਬਧ ਹੋਣ 'ਤੇ ਹੋਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਾਪਸ ਕਰਦਾ ਹੈ:

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

ਜੀਓਲੋਕੇਸ਼ਨ ਆਬਜੈਕਟ - ਹੋਰ ਆਕਰਸ਼ਕ ਮੈਥਡ

ਜੀਓਲੋਕੇਸ਼ਨ ਆਬਜੈਕਟ ਹੋਰ ਆਕਰਸ਼ਕ ਮੈਥਡ ਵੀ ਹਨ:

  • watchPosition() - ਵਰਤਮਾਨ ਯੂਜ਼ਰ ਦੀ ਸਥਿਤੀ ਵਾਪਸ ਕਰੋ ਅਤੇ ਜਦੋਂ ਯੂਜ਼ਰ ਹੋਰ ਤਰ੍ਹਾਂ ਚਲਦਾ ਹੈ (ਜਿਵੇਂ ਕਿ ਕਾਰ ਵਿੱਚ ਜੀਪੀਐੱਸ) ਤਾਂ ਅੱਗੇ ਅੱਪਡੇਟਡ ਸਥਿਤੀ ਵਾਪਸ ਕਰੋ。
  • clearWatch() - ਸਟਾਪ ਵਾਟਚਪੋਸਿਸ਼ਨ () ਮੈਥਡ

ਹੇਠ ਲਿਖੇ ਉਦਾਹਰਣ ਵਿੱਚ watchPosition() ਮੱਦਦ।ਤੁਹਾਨੂੰ ਸਹੀ ਜੀਪੀਐੱਸ ਉਪਕਰਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਤਾਂ ਕਿ ਟੈਸਟ ਕਰ ਸਕੋ (ਉਦਾਹਰਣ ਵਜੋਂ ਸਮਾਰਟਫੋਨ)ਮੰਤਰੀ ਪਾਠ ਨੂੰ ਟੈਸਟ ਕਰੋ:

ਇੰਸਟੈਂਸ

<script>
const 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>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ