Kod html5 mudah untuk mendapatkan kemahiran tutorial location_html5 geografi
WBOY
Lepaskan: 2016-05-16 15:48:18
asal
1378 orang telah melayarinya
Salin kod
Kodnya adalah seperti berikut:
/** * Berikut ialah kod html5 untuk mendapatkan lokasi geografi */ fungsi getLocation() { //Semak sama ada penyemak imbas menyokong pemerolehan geolokasi jika (navigator.geolocation) { //Jika ia menyokong pemerolehan geolokasi, berjaya panggil showPosition( ), Gagal memanggil showError // alert("Cuba dapatkan lokasi..." var config = { enableHighAccuracy: true, timeout: 5000, maximumAge: navigator.geolocation .getCurrentPosition( showPosition, showError, config); } else { //alert("Geolokasi tidak disokong oleh penyemak imbas ini."); kebenaran"); } } /** * Berjaya memperoleh lokasi alamat */ fungsi showPosition(position) { //Dapatkan longitud dan latitud var x = kedudukan. coords.latitude; var y = position.coords.longitude; //Configure Baidu Geocoding API var url = "http://api.map.baidu.com/geocoder/v2/?ak =C93b5178d7a8ebdb830b9b557abce78b" "&callback=renderReverse" "&location=" x "," y "&output=json" "&pois=0"; ($ >type: "GET" , dataType: "jsonp", url: url, success: function (json) { if (json == null || typeof (json) == "undefined") { kembali; } jika (json.status != "0") { kembali; } setAddress(json.result.addressComponent); }, ralat: fungsi (XMLHttpRequest, textStatus, errorThrown) { alert("[x:" x ",y:" y "]Gagal mendapatkan lokasi alamat, sila pilih alamat secara manual "); } }); } /** * Gagal mendapatkan lokasi alamat [belum diproses lagi] */ fungsi showError(error) { suis (error.code) { case error.PERMISSION_DENIED: alert ("Kedudukan gagal, pengguna menolak permintaan untuk geolokasi"); //x.innerHTML = "Pengguna menolak permintaan untuk Geolokasi.[Pengguna menolak permintaan untuk geolokasi] " break; ralat kes.POSITION_UNAVAILABLE : alert("Location failed, location information is unavailable"); //x.innerHTML = "Maklumat lokasi tidak tersedia.[Maklumat lokasi tidak tersedia ]" break; ralat kes.TIMEOUT: alert("Penedudukan gagal, permintaan untuk mendapatkan lokasi pengguna tamat masa"); //x.innerHTML = "Permintaan untuk mendapatkan lokasi pengguna tamat masa.[Permintaan untuk mendapatkan lokasi pengguna tamat masa.]" break; ralat kes.UNKNOWN_ERROR: alert("Penedudukan gagal, sistem kedudukan gagal"); //x.innerHTML = "Ralat tidak diketahui berlaku.[Ralat tidak diketahui]" pecah ; } } /** * Tetapkan alamat */ fungsi setAddress(json) { kedudukan var = document.getElementById("txtPosition"); //Provinsi var province = json.province; //City var city = json.cityvar district = json.district; province = province.replace ('city', ''); = 'hitam'; }
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn