JS 取得目前瀏覽器位置

Navigator.geolocation 回傳一個唯讀的 Geolocation 物件，透過這個物件可以存取設備的位置訊息。同時也允許網站或應用程式根據使用者的位置提供客製化的結果。

<!DOCTYPE html>
<html>
  <meta charset="utf-8" />
  <body>
    <button onclick="getLocation()">取得您目前所在位置的經緯度</button>

    <p id="msg"></p>

    <script>
      var m = document.getElementById("msg");

      function getLocation() {
        //取得 經緯度
        if (navigator.geolocation) {
          //
          navigator.geolocation.getCurrentPosition(showPosition); //有拿到位置就呼叫 showPosition 函式
        } else {
          m.innerHTML =
            "您的瀏覽器不支援 顯示地理位置 API ，請使用其它瀏覽器開啟 這個網址";
        }
      }

      function showPosition(position) {
        m.innerHTML =
          " 緯度 (Latitude): " +
          position.coords.latitude +
          "<br>經度 (Longitude): " +
          position.coords.longitude;
      }
    </script>
  </body>
</html>

接下來實測看看

成功拉!!!

JS取得目前瀏覽器位置

JS 取得目前瀏覽器位置