ความคิดเห็น: บทความนี้ส่วนใหญ่แนะนำการใช้รหัส HTML5 เพื่อรับตำแหน่งทางภูมิศาสตร์ รหัสการใช้งานที่เฉพาะเจาะจงมีดังต่อไปนี้และแนบภาพหน้าจอ เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้
-
* ต่อไปนี้คือรหัส HTML5 เพื่อรับตำแหน่งทางภูมิศาสตร์
-
ฟังก์ชั่น getLocation () {
// ตรวจสอบว่าเบราว์เซอร์รองรับการได้มาซึ่งตำแหน่งทางภูมิศาสตร์หรือไม่
if (navigator.geolocation) {
// หากคุณสนับสนุนการได้มาซึ่งตำแหน่งทางภูมิศาสตร์คุณจะเรียกการแสดง () ให้สำเร็จและโทรหาอาบน้ำหากคุณล้มเหลว
// Alert ("มุ่งมั่นที่จะได้รับตำแหน่ง ... ");
var config = {enablehighcuracy: จริง, หมดเวลา: 5000, สูงสุด: 30000};
Navigator.geolocation.getCurrentPosition (Showposition, Showerror, Config);
} อื่น {
// การแจ้งเตือน ("ตำแหน่งทางภูมิศาสตร์ไม่ได้รับการสนับสนุนโดยเบราว์เซอร์นี้");
การแจ้งเตือน ("ตำแหน่งล้มเหลวผู้ใช้ปิดการเข้าถึงตำแหน่ง");
-
-
-
* รับตำแหน่งที่อยู่ได้สำเร็จ
-
ฟังก์ชั่น Showposition (ตำแหน่ง) {
// รับละติจูดและลองจิจูด
var x = position.coords.latitude;
var y = positive.coords.longitude;
// กำหนดค่า Baidu Geocoding API
var url = "http://api.map.baidu.com/geocoder/v2/?ak=c93b5178d7a8ebdb830b9b557abce78b"
"& callback = renderReverse" +
"& location =" + x + "," + y +
"& output = json" +
"& pois = 0";
$ .ajax ({
ประเภท: "รับ",
ข้อมูล: "JSONP",
URL: URL
ความสำเร็จ: ฟังก์ชั่น (JSON) {
if (json == null || typeof (json) == "undefined") {
กลับ;
-
if (json.status! = "0") {
กลับ;
-
setaddress (json.result.addressComponent);
-
ข้อผิดพลาด: ฟังก์ชั่น (xmlhttprequest, textstatus, errorthrown) {
การแจ้งเตือน ("[x:" + x + ", y:" + y + "] ตำแหน่งที่อยู่ไม่สามารถเรียกคืนได้โปรดเลือกที่อยู่ด้วยตนเอง");
-
-
-
-
* ไม่ได้รับตำแหน่งที่อยู่ [ยังไม่ได้ดำเนินการ]
-
ฟังก์ชั่น Showerror (ข้อผิดพลาด) {
switch (error.code) {
ข้อผิดพลาดกรณี Permission_denied:
การแจ้งเตือน ("ตำแหน่งล้มเหลวผู้ใช้ปฏิเสธที่จะขอตำแหน่งทางภูมิศาสตร์");
//x.innerhtml = "ผู้ใช้ปฏิเสธคำขอ geolocation [ผู้ใช้ปฏิเสธคำขอ geolocation]"
หยุดพัก;
ข้อผิดพลาดกรณี position_unavailable:
การแจ้งเตือน ("สถานที่ล้มเหลวข้อมูลตำแหน่งไม่พร้อมใช้งาน");
//x.innerhtml = "ข้อมูลตำแหน่งไม่พร้อมใช้งาน [ข้อมูลตำแหน่งไม่พร้อมใช้งาน]"
หยุดพัก;
ข้อผิดพลาดกรณีเวลา:
การแจ้งเตือน ("ตำแหน่งล้มเหลวขอให้ตำแหน่งผู้ใช้หมดเวลา");
//x.innerhtml = "คำขอเพื่อให้ตำแหน่งผู้ใช้หมดเวลา [คำขอเพื่อให้ตำแหน่งผู้ใช้หมดเวลา]"
หยุดพัก;
ข้อผิดพลาดกรณี. unknown_error:
การแจ้งเตือน ("ตำแหน่งล้มเหลวระบบการวางตำแหน่งล้มเหลว");
//x.innerhtml = "เกิดข้อผิดพลาดที่ไม่รู้จัก [ข้อผิดพลาดที่ไม่รู้จัก]"
หยุดพัก;
-
-
-
* ตั้งค่าที่อยู่
-
ฟังก์ชั่น setaddress (json) {
var position = document.getElementById ("txtPosition");
//จังหวัด
Var Province = Json.Province;
//เมือง
var city = json.city;
//เขต
var district = json.district;
จังหวัด = Province.replace ('เมือง', '');
position.value = จังหวัด + "," + city + "," + อำเภอ;
position.style.color = 'Black';
-