Html5是一個(gè)將網(wǎng)站開發(fā)與移動(dòng)端應(yīng)用開發(fā)有效結(jié)合的技術(shù)語(yǔ)言，其中手機(jī)定位js代碼是其中一個(gè)特別有用的功能功能。 當(dāng)我們打開一個(gè)擁有手機(jī)定位功能的網(wǎng)站時(shí)，網(wǎng)站會(huì)要求用戶授權(quán)其瀏覽器使用手機(jī)GPS信息，以便能夠準(zhǔn)確獲取到其所在位置。 這個(gè)功能在現(xiàn)代的移動(dòng)應(yīng)用程序和網(wǎng)站中很常見(jiàn)，本文將為大家介紹Html5中用于實(shí)現(xiàn)這個(gè)功能的js代碼。

// 定位函數(shù)
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition, showError);
} else {
alert("Your browser doesn't support geolocation.");
}
}
// 成功獲取當(dāng)前地理位置后調(diào)用的函數(shù)
function showPosition(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
alert("Your current location is Latitude: " + lat + " Longitude: " + lng);
}
// 獲取位置失敗時(shí)調(diào)用的函數(shù)
function showError(error) {
switch (error.code) {
case error.PERMISSION_DENIED:
alert("User denied the request for Geolocation.");
break;
case error.POSITION_UNAVAILABLE:
alert("Location information is unavailable.");
break;
case error.TIMEOUT:
alert("The request to get user location timed out.");
break;
case error.UNKNOWN_ERROR:
alert("An unknown error occurred.");
break;
}
}

這個(gè)代碼片段中包含三個(gè)函數(shù)：一個(gè)用于獲取位置的getLocation()函數(shù)，一個(gè)用于在成功獲取到位置信息后顯示位置的showPosition()函數(shù)，以及一個(gè)用于在獲取位置信息失敗時(shí)顯示錯(cuò)誤消息的showError()函數(shù)。

使用以上代碼可以在Html5中很容易地添加一個(gè)移動(dòng)設(shè)備定位的功能。大家可以根據(jù)自己的需要在頁(yè)面中將這些代碼引入，或從這個(gè)基礎(chǔ)上進(jìn)一步擴(kuò)展以適合自己的應(yīng)用程序。