/ 網站開發

2023年02月27日 35

透過瀏覽器API抓取當前位置經緯度


需要做當前位置定位取經緯度時,瀏覽器有提供定位功能,可以在Html檔案中,寫入下面語法
再透過點擊按鈕方式,叫用定位的功能,取得當前位置的經緯度:

<button onclick="getLocation()">顯示當前位置的經緯度</button>
<p id="result"></p>


叫用的Javascript function如下:

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

// 取得經緯度
function getLocation() {
   if (navigator.geolocation) {
      // 有抓到經緯度就叫用 showPosition 函式
      navigator.geolocation.getCurrentPosition(showPosition);
   }else{
      m.innerHTML = "您的瀏覽器不支援顯示經緯度API,請檢查瀏覽器設定,或更換其他新版瀏覽器!";
   }
}

// 顯示經緯度
function showPosition(position) {
   var content = '經度 (Longitude): ' + position.coords.longitude;
       content += ', 緯度 (Latitude): ' + position.coords.latitude;
   m.innerHTML = content + '<br>';
}
</script>

 

標籤: #Javascript , #HTML5 , #API