รหัส HTML5 ง่าย ๆ เพื่อรับตำแหน่งทางภูมิศาสตร์

ความคิดเห็น: บทความนี้ส่วนใหญ่แนะนำการใช้รหัส 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';

-