• سبد خریدتان خالی است.



با عضویت در خبرنامه از اخرین اخبار وب سایت با خبرشوید برای اینکار تنها کافیست ایمیل خود را وارد کرده و روی عضویت کلیک کنید


برای عضویت در کانال تلگرام کدمونی
و باخبر شدن از آخرین مطالب قرار گرفته در وب سایت بر روی عکس زیر کلیک کنید






  موقعیت جغرافیایی در HTML5

 

%d9%85%d9%88%d9%82%d8%b9%db%8c%d8%aa-%d8%ac%d8%ba%d8%b1%d8%a7%d9%81%db%8c%d8%a7%db%8c%db%8c

موقعیت جغرافیایی در HTML5

Geolocation (موقعیت جغرافیایی) یک از رابط های برنامه کاربردی API های HTML5 است که برای مکان یابی موقعیت کاربران استفاده می شود.

 

 تعیینمحلموقعیتکاربر

API موقعیت جغرافیایی در HTML برای دریافت موقعیت جغرافیایی یک کاربر استفاده می شود. از آنجایی که این قابلیت می تواند با حریم خصوصی کاربر، تداخل داشته باشد، موقعیت جغرافیایی فقط در صورتی که خود کاربر با آن موافقت کند، در دسترس خواهد بود.

 

 پشتیبانیمرورگرهااز Geolocation

اولین نسخه های مرورگرهایی که بطور کامل از Geolocation پشتیبانی کرده اند، بصورت زیر می باشد:

► مرورگر chrome  : نسخه ۵٫۰

► مرورگر internet Explorer : ورژن  ۹٫۰

► مرورگر FireFox : ورژن  ۳٫۵

► مرورگر Opera : نسخه ۱۶

► مرورگر safari : نسخه ۵

 

 

 استفادهاز Geolocation   در HTML

برای به دست آوردن موقعیت کاربر از متد getCurrentPosition() استفاده کنید.

مثال زیر یک نمونه ساده از برگرداندن طول و عرض جغرافیایی از موقعیت کاربر است:

(script)
var x = document.getElementById(“demo”);
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = “Geolocation is not supported by this browser.”;
}
}
function showPosition(position) {
x.innerHTML = “Latitude: ” + position.coords.latitude +

Longitude: ” + position.coords.longitude;
}
(/script)

 

برای استفاده از قابلیت یافتن موقعیت جغرافیایی باید :

► بررسیکنیدکه Geolocation پشتیبانی می شود.

► اگرپشتیبانیمیشود،متد getCurrentPosition() را اجرا کنید در غیر اینصورت یک پیام را به کاربر نشان  دهید که امکان پذیر نیست.

► اگرمتد ()getCurrentPosition  موفقیت آمیز باشد، مختصات شی را به تابع مشخص شده در پارامتر ، در این مثال برای تابع showPosition، برمی گرداند.

► برایتابع showPosition نمایش طول و عرض جغرافیایی را دریافت میکند.

مثال بالا یک اسکریپت موقعیت جغرافیایی بسیار اساسی است، با هیچ رفع خطایی.

 

 مدیریتخطاهاوعدمپذیرش

پارامتر دوم متد ()getCurrentPosition   برای مدیریت خطاها استفاده می شود. این پارامتر، تابعی را مشخص میکند که در صورت ایجاد مشکل در دریافت موقعیت کاربر، اجرا می شود.

function showError(error) {
switch(error.code) {
case error.PERMISSION_DENIED:
x.innerHTML = “User denied the request for Geolocation.”
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML = “Location information is unavailable.”
break;
case error.TIMEOUT:
x.innerHTML = “The request to get user location timed out.”
break;
case error.UNKNOWN_ERROR:
x.innerHTML = “An unknown error occurred.”
break;
}
}

 

کدهای خطا:

► Permission denied : این خطا وقتی صورت می گیرد که کاربر به دسترسی به موقعیت جغرافیایی اش رضایت ندهد.

► Position unavailable : اگر اطلاعات موقعیت قابل دسترسی نباشند.

► Timeout : عملیات به پایان رسیده است.

 

 نمایشنتیجهدرنقشه

برای نمایش نتیجه در یک نقشه، شما نیاز به دسترسی به یک سرویس نقشه دارید که بتواند از عرض و طول جغرافیایی استفاده کند، مانند Google Maps:

function showPosition(position) {
var latlon = position.coords.latitude + “,” + position.coords.longitude;

var img_url = “http://maps.googleapis.com/maps/api/staticmap?center=
“+latlon+”&zoom=14&size=400×300&sensor=false”;

document.getElementById(“mapholder”).innerHTML = “<img src='”+img_url+”‘>”;
}

 

 اطلاعاتموقعیتمشخص

در مثال های این پست چگونگی نشان دادن موقعیت کاربران روی نقشه نشان داده شد. با این حال، Geolocation برای اطلاعات یک موقعیت مشخص بسیار مفید می باشد.

بعنوان مثال :

► به روز رسانی اطلاعات محلی

► نمایش نکات مهم جالب توجه در نزیکی کاربر

► ناوبری گام به گام (GPS)

 

 دادههایبازگشتیازمتد ()getCurrentPosition   

متد ()getCurrentPosition   در صوت موفقیت آمیز بودن، یک شی را برمی گرداند. ویژگی های latitude (عرض جغرافیایی)، longitude (طول) و accuracy (دقت) همیشه برگردانده می شوند. سایر خواص زیر در صورت موجود بودن بازگردانده خواهند شد.

► coords.latitude : عرض جغرافیایی را بصورت یک عدد دهدهی برمی گرداند.

► coords.longitude : طول جغرافیایی به صورت یک عدد دهدهی.

► coords.accuracy : دقت و صحت موقعیت را برمی گرداند.

► coords.altitude : ارتفاع در متر بالاتر از سطح متوسط دریا.

► coords.altitudeAccuracy : دقت ارتفاع موقعیت را نشان میدهد.

► coords.heading : عنوان درجه شمال جهت عقربه های ساعت

► coords.speed : سرعت در متر در ثانیه

► timestamp : تاریخ / زمان پاسخ را برمی گرداند.

 

 سایرمتدهایجالب–شی Geolocation

  watchPosition() : این متد، موقعیت فعلی کاربر را برمی گرداند، و همچنین موقعیت به روز کاربر را در صورتی که حرکت کند، نیز برمی گرداند (مانند GPS یک ماشین).

 clearWatch() : متد watchPosition را متوقف می سازد.

مثال زیر متد watchPosition را نشان می دهد. برای تست این روش شما نیاز به یک دستگاه GPS دقیق دارید:

(script)
var x = document.getElementById(“demo”);
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.watchPosition(showPosition);
} else {
x.innerHTML = “Geolocation is not supported by this browser.”;
}
}
function showPosition(position) {
x.innerHTML = “Latitude: ” + position.coords.latitude +

Longitude: ” + position.coords.longitude;
}
(/script)

 



اطلاعات ، دانلود و خرید
موقعیت جغرافیایی در HTML5 رایگان 51 کیلوبایت  
رایگان – خرید
مطالب پیشنهادی

تمامی حقوق برای وب سایت کدمونی محفوظ است و هر گونه کپی برداری پیگرد قانونی دارد. Design By 30ble Group 30ble.net