سورس پروژه پایانی وب سایت و نرم افزار کلینیک در ASP.net

48000 تومان

دانلود مقاله ای در مورد الگوریتم کرم شب تاب FireFly در هوش مصنوعی

10000 تومان

دانلود سورس اپلیکیشن اندروید کتاب گرامر انگلیسی

10000 تومان

دانلود سورس اندروید اپلیکیشن افزایش سرعت گوشی

18000 تومان

پکیج ویژه پروژه پایانی و پایان نامه رشته کامپیوتر

148000 تومان

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

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

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

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

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

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

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

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

► مرورگر chrome : نسخه 5.0

► مرورگر internet Explorer : ورژن 9.0

► مرورگر FireFox : ورژن 3.5

► مرورگر Opera : نسخه 16

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

♦ استفاده از 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=400x300&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)