📍 Geolocation API — Location Pata Karo

<!-- Simple: ek baar location lo -->
<button onclick="getLocation()">📍 Meri Location Lo</button>
<p id="result"></p>

<script>
function getLocation() {
  // Step 1: Support check karo
  if (!("geolocation" in navigator)) {
    document.getElementById("result").textContent =
      "Browser geolocation support nahi karta.";
    return;
  }

  // Step 2: API call karo
  navigator.geolocation.getCurrentPosition(
    // Success callback
    (position) => {
      const lat = position.coords.latitude;
      const lng = position.coords.longitude;
      const acc = position.coords.accuracy;
      document.getElementById("result").innerHTML =
        `Latitude: ${lat}<br>
         Longitude: ${lng}<br>
         Accuracy: ${Math.round(acc)}m<br>
         <a href="https://maps.google.com/?q=${lat},${lng}" target="_blank">
           📍 Google Maps Mein Kholo
         </a>`;
    },
    // Error callback
    (error) => {
      const messages = {
        1: "Permission denied. Location access enable karo.",
        2: "Position unavailable. GPS signal weak hai.",
        3: "Request timeout. Dobara try karo."
      };
      document.getElementById("result").textContent =
        messages[error.code] || "Unknown error.";
    },
    // Options
    {
      enableHighAccuracy: true,
      timeout: 10000,
      maximumAge: 0
    }
  );
}
</script>

<!-- Continuous tracking (live tracking) -->
<script>
let watchId;

function startTracking() {
  watchId = navigator.geolocation.watchPosition(
    (pos) => {
      console.log(`Lat: ${pos.coords.latitude}, Lng: ${pos.coords.longitude}`);
    },
    (err) => console.error(err),
    { enableHighAccuracy: true }
  );
}

function stopTracking() {
  navigator.geolocation.clearWatch(watchId);
}
</script>