Geolokasi HTML5
Geolokasi HTML5
Geolokasi HTML5 digunakan untuk mencari lokasi pengguna.
Cari lokasi pengguna
API Geolokasi HTML5 digunakan untuk mendapatkan lokasi geografi pengguna.
Memandangkan ciri ini mungkin melanggar privasi pengguna, maklumat lokasi pengguna tidak tersedia melainkan pengguna bersetuju.
Sokongan penyemak imbas
Internet Explorer 9+, Firefox, Chrome, Safari dan Opera menyokong Geolokasi.
Nota: Geolokasi lebih tepat untuk peranti dengan GPS, seperti iPhone.
Kesan sama ada penyemak imbas menyokong:
if (navigator.geolocation) {
//console.log("瀏覽器支持!");
}else {
// console.log("瀏覽器不支持!");
}navigator.geolocation digunakan untuk mendapatkan lokasi geografi pengguna semasa berdasarkan penyemak imbas, menyediakan 3 Kaedah:
void getCurrentPosition(onSuccess,onError,options);//獲取用戶當前位置 int watchCurrentPosition(onSuccess,onError,options);//持續(xù)獲取當前用戶位置 void clearWatch(watchId);//watchId 為watchCurrentPosition返回的值//取消監(jiān)控rrree
Mengendalikan ralat dan penolakan
Parameter kedua kaedah getCurrentPosition() digunakan untuk mengendalikan ralat. Ia menentukan fungsi yang akan dijalankan apabila mendapatkan lokasi pengguna gagal:
Instance
實例：
<!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
}
}
//成功時
function onSuccess(position){
//返回用戶位置
//經(jīng)度
var longitude =position.coords.longitude;
//緯度
var latitude = position.coords.latitude;
//使用百度地圖API
//創(chuàng)建地圖實例
var map =new BMap.Map("container");
//創(chuàng)建一個坐標
var point =new BMap.Point(longitude,latitude);
//地圖初始化，設置中心點坐標和地圖級別
map.centerAndZoom(point,15);
}
//失敗時
function onError(error){
switch(error.code){
case 1:
alert("位置服務被拒絕");
break;
case 2:
alert("暫時獲取不到位置信息");
break;
case 3:
alert("獲取信息超時");
break;
case 4:
alert("未知錯誤");
break;
}
}
window.onload=getLocation;
</script>
</head>
<body
<div id="container" style="width:600px;height:600px"></div>
</body>
</html>
