HTML5地理定位
HTML5?Geolocation（地理定位）
HTML5 Geolocation（地理定位）用於定位使用者的位置。
定位使用者的位置
HTML5 Geolocation API 用於取得使用者的地理位置。
鑑於該特性可能侵犯使用者的隱私，除非使用者同意，否則使用者位置資訊是不可用的。
瀏覽器支援
Internet Explorer 9+, Firefox, Chrome, Safari 和Opera 支援Geolocation（地理定位）.
注意:?Geolocation（地理定位）對於擁有GPS 的設(shè)備，例如iPhone，地理定位更精確。
檢測瀏覽器是否支援：
if (navigator.geolocation) {
//console.log("瀏覽器支持!");
}else {
// console.log("瀏覽器不支持!");
}navigator.geolocation用於取得基於瀏覽器的目前使用者地理位置，提供了3個(gè)方法:
void getCurrentPosition(onSuccess,onError,options);//獲取用戶當(dāng)前位置 int watchCurrentPosition(onSuccess,onError,options);//持續(xù)獲取當(dāng)前用戶位置 void clearWatch(watchId);//watchId 為watchCurrentPosition返回的值//取消監(jiān)控
實(shí)例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>基于瀏覽器的HTML5查找地理位置</title>
<!-- 百度API -->
<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>
<script>
function getLocation(){
var options={
enableHighAccuracy:true,
maximumAge:1000
}
if(navigator.geolocation){
//瀏覽器支持geolocation
navigator.geolocation.getCurrentPosition(onSuccess,onError,options);
}else{
//瀏覽器不支持geolocation
}
}
//成功時(shí)
function onSuccess(position){
//返回用戶位置
//經(jīng)度
var longitude =position.coords.longitude;
//緯度
var latitude = position.coords.latitude;
//使用百度地圖API
//創(chuàng)建地圖實(shí)例
var map =new BMap.Map("container");
//創(chuàng)建一個(gè)坐標(biāo)
var point =new BMap.Point(longitude,latitude);
//地圖初始化，設(shè)置中心點(diǎn)坐標(biāo)和地圖級別
map.centerAndZoom(point,15);
}
//失敗時(shí)
function onError(error){
switch(error.code){
case 1:
alert("位置服務(wù)被拒絕");
break;
case 2:
alert("暫時(shí)獲取不到位置信息");
break;
case 3:
alert("獲取信息超時(shí)");
break;
case 4:
alert("未知錯(cuò)誤");
break;
}
}
window.onload=getLocation;
</script>
</head>
<body
<div id="container" style="width:600px;height:600px"></div>
</body>
</html>處理錯(cuò)誤和拒絕
getCurrentPosition() 方法的第二個(gè)參數(shù)用於處理錯(cuò)誤。它規(guī)定當(dāng)取得使用者位置失敗時(shí)執(zhí)行的函數(shù)：
實(shí)例
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="用戶拒絕對獲取地理位置的請求。"
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="位置信息是不可用的。"
break;
case error.TIMEOUT:
x.innerHTML="請求用戶地理位置超時(shí)。"
break;
case error.UNKNOWN_ERROR:
x.innerHTML="未知錯(cuò)誤。"
break;
}
}
