需要做當前位置定位取經緯度時,瀏覽器有提供定位功能,可以在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>