1. Home
  2. /
  3. Web technology
  4. /
  5. HTML
  6. /
  7. HTML5
  8. /
  9. [ HTML5 ] –...

[ HTML5 ] – 透過瀏覽器取得您目前所在位置的經緯度

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 2,平均評等: 5]
<!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>
</html>

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 2,平均評等: 5]

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *