HTML5 Geolocation ใน Safari 5

HTML5 Geolocation API ช่วยให้คุณแชร์ตำแหน่งกับเว็บไซต์ที่ชื่นชอบ JavaScript สามารถบันทึกละติจูดและลองจิจูด ส่งไปยังเว็บเซิร์ฟเวอร์แบ็กเอนด์ และทำสิ่งต่างๆ ที่เกี่ยวกับตำแหน่ง เช่น ค้นหาธุรกิจท้องถิ่นหรือแสดงตำแหน่งของคุณบนแผนที่

ตัวอย่าง

มาดูวิธีดึงตำแหน่งปัจจุบัน:

<!DOCTYPE HTML>
<html>
  <head>
    <script>
      function showLocation(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        alert("Latitude: " + latitude + " Longitude: " + longitude);
      }
      function errorHandler(err) {
        if (err.code == 1) {
          alert("Error: Access is denied!");
        } else if (err.code == 2) {
          alert("Error: Position is unavailable!");
        }
      }
      function getLocation() {
        if (navigator.geolocation) {
          var options = {timeout: 60000};
          navigator.geolocation.getCurrentPosition(showLocation, errorHandler, options);
        } else {
          alert("Sorry, browser does not support geolocation!");
        }
      }
    </script>
  </head>
  <body>
    <form>
      <input type="button" onclick="getLocation();" value="Get Location"/>
    </form>
  </body>
</html>