تعليق: يقدم هذا المقال بشكل أساسي استخدام رمز HTML5 للحصول على الموقع الجغرافي. رمز التنفيذ المحدد هو كما يلي وتوصيل لقطات الشاشة. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إليها.
/**
* ما يلي هو رمز HTML5 للحصول على الموقع الجغرافي
*/
وظيفة getLocation () {
// تحقق مما إذا كان المتصفح يدعم الحصول على الموقع الجغرافي
if (navigator.geolocation) {
// إذا كنت تدعم عملية الاستحواذ على الموقع الجغرافي ، فستتصل بـ ShowPosition () بنجاح ، واتصل بالدشات إذا فشلت.
// ALERT ("السعي للحصول على موقع ...") ؛
var config = {enableHighcancuracy: true ، timeout: 5000 ، maximumage: 30000} ؛
navigator.geolocation.getCurrentPosition (العرض ، دش ، config) ؛
} آخر {
// تنبيه ("الموقع الجغرافي غير مدعوم من هذا المتصفح.") ؛
تنبيه ("فشل الموقع ، قام المستخدم بتعطيل الوصول إلى الموقع") ؛
}
}
/**
* احصل على موقع العنوان بنجاح
*/
عرض الوظائف (الموضع) {
// احصل على خط العرض وخط الطول
var x = position.coords.latitude ؛
var y = position.coords.longitude ؛
// تكوين واجهة برمجة تطبيقات Baidu Geocoding
var url = "http://api.map.baidu.com/geocoder/v2/؟ak=C93B5178D7A8EBDB830B9B57ABCE78B" +
"& 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) {
ALERT ("[X:" + X + "، y:" + y + "] فشل موقع العنوان في استرداده ، يرجى تحديد العنوان يدويًا") ؛
}
}) ؛
}
/**
* فشل في الحصول على موقع العنوان [لم تتم معالجته بعد]
*/
وظيفة دش (خطأ) {
التبديل (error.code) {
خطأ الحالة.
تنبيه ("فشل الموقع ، يرفض المستخدم طلب تحديد الموقع الجغرافي") ؛
//x.innerhtml = "رفض المستخدم طلب تحديد الموقع الجغرافي. [رفض المستخدم طلب الموقع الجغرافي]"
استراحة؛
خطأ error.position_unavailable:
تنبيه ("فشل الموقع ، معلومات الموقع غير متوفرة") ؛
//x.innerhtml = "معلومات الموقع غير متوفرة. [معلومات الموقع غير متوفرة]" "
استراحة؛
error error.timeout:
التنبيه ("فشل الموقع ، طلب الحصول على موقع المستخدم توقيت") ؛
//x.innerhtml = "الطلب للحصول على موقع المستخدم توقيت. [طلب للحصول على توقيت موقع المستخدم]"
استراحة؛
error error.unknown_error:
تنبيه ("فشل الموقع ، فشل نظام تحديد المواقع") ؛
//x.innerhtml = "حدث خطأ غير معروف. [خطأ غير معروف]"
استراحة؛
}
}
/**
* اضبط العنوان
*/
وظيفة setaddress (json) {
var position = document.getElementById ("txtposition") ؛
//مقاطعة
var province = json.province ؛
//مدينة
var city = json.city ؛
//يصرف
var district = json.district ؛
Province = Province.Replace ('City' ، '') ؛
position.value = Province + "،" + City + "،" + District ؛
position.style.color = 'black' ؛
}