資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會科學
時尚
法律如何使用 HTML5 地理定位查詢位置？
HTML5 地理定位 API 允許你與你最喜歡的網站分享你的位置。JavaScript 可以獲取你的緯度和經度，並可以傳送到後端 Web 伺服器，並執行精妙的位置感知操作，如查詢本地商家或在地圖上顯示你的位置。
地理定位 API 使用全域性 navigator 物件的一個新屬性，即地理定位物件。
getCurrentPosition 方法檢索裝置的當前地理位置。位置表示為一組地理座標以及有關方位和速度的資訊。位置資訊返回給位置物件。
示例
你可以嘗試執行以下程式碼來查詢當前位置
<!DOCTYPE HTML>
<html>
<head>
<script type = "text/javascript">
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){
// timeout at 60000 milliseconds (60 seconds)
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>
更新於： 2020 年 1 月 10 日
194 次瀏覽
廣告