Geolokasi HTML5

HTML5 Geolocation API digunakan untuk mendapatkan lokasi geografi pengguna.

Nota: Memandangkan ciri ini mungkin melanggar privasi pengguna, maklumat lokasi pengguna tidak tersedia melainkan pengguna bersetuju Penyemak imbas akan muncul peringatan apabila menggunakan ciri ini.

1 Beberapa kaedah kedudukan geografi

Alamat IP, GPS, Wifi, GSM/CDMA

2. Proses perolehan lokasi geografi

1 perlu mendapatkan permohonan.

2. Aplikasi meminta lokasi geografi daripada penyemak imbas, dan penyemak imbas muncul pertanyaan yang meminta pengguna sama ada untuk berkongsi lokasi geografi.

3. Dengan mengandaikan pengguna membenarkannya, penyemak imbas akan menanyakan maklumat yang berkaitan daripada peranti.

4. Penyemak imbas menghantar maklumat yang berkaitan ke pelayan lokasi yang dipercayai, dan pelayan mengembalikan lokasi geografi tertentu.

3. Sokongan penyemak imbas

IE9.0+, FF3.5+, Safari5.0+, Chrome5.0+, Opera10.6 + Sokongan geolokasi.

Nota: Untuk peranti dengan GPS, seperti iPhone (IPhone3.0+, Android2.0+), geolokasi adalah lebih tepat.

4 Kaedah Geolokasi dalam HTML5

API Geolokasi wujud dalam objek navigator dan hanya mengandungi 3 kaedah:
< . >

Kesan sama ada geolokasi disokong

Jika disokong, jalankan kaedah getCurrentPosition(). Jika tidak disokong, mesej dipaparkan kepada pengguna.

Jika getCurrentPosition() berjalan dengan jayanya, objek koordinat dikembalikan kepada fungsi yang dinyatakan dalam parameter showPosition

Fungsi showPosition() memperoleh dan memaparkan longitud dan latitud

Mengendalikan ralat dan Penolakan

Parameter kedua kaedah getCurrentPosition() digunakan untuk mengendalikan ralat. Ia menentukan fungsi yang akan dijalankan apabila mendapatkan lokasi pengguna gagal:

fungsi showError(error)
{
switch(error.code)
request "
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML=. "Maklumat lokasi tidak tersedia. ralat kes. TIMEOUT:
x .innerHTML="Meminta lokasi pengguna tamat masa."
?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????}
}

kaedah getCurrentPosition() - kembalikan data

Jika kedudukan berjaya diperolehi, kaedah getCurrentPosition() mengembalikan objek. Sifat latitud, longitud dan ketepatan sentiasa dikembalikan. Jika tersedia, sifat berikut yang lain dikembalikan.
Sifat ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????nombor sistem

koord.longitud Longitud perpuluhan koord.ketepatan Ketepatan kedudukan

koord. altitud Ketinggian, dalam meter di atas paras laut

coords.altitudeAccuracy Ketepatan kedudukan Ketepatan ketinggian coords.heading Arah, dalam darjah dari utara benar

coords.speed Kelajuan, dalam meter /saat

cap masa Tarikh/masa respons

Anda juga boleh mendapatkan lokasi geografi (hanya disokong oleh firefox)

p.alamat.negara negara

p.alamat.wilayah Wilayah

p.alamat.bandar Bandar

Meneruskan pembelajaran

fail baharu

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>基于瀏覽器的HTML5查找地理位置</title>  <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>

serahkan Tetapkan Semula Kod

Operasi automatik