advertise laitec sharif univercity
دانلود پروژه کامل مهندسی نرم افزار ، شرکت نرم افزاری

دانلود پروژه کامل مهندسی نرم افزار ، شرکت نرم افزاری

3000 تومان
دانلود پروژه مهندسی نرم افزار ، سیستم داروخانه

دانلود پروژه مهندسی نرم افزار ، سیستم داروخانه

3000 تومان
دانلود پروژه فروشنده دوره گرد با الگوریتم ازدحام ذرات PSO در #C

دانلود پروژه فروشنده دوره گرد با الگوریتم ازدحام ذرات PSO در #C

4800 تومان
دانلود سورس هوش مصنوعی رنگ آمیزی گراف با ژنتیک در #C

دانلود سورس هوش مصنوعی رنگ آمیزی گراف با ژنتیک در #C

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

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

22000 تومان

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

Geolocation (موقعیت جغرافیایی) یک از رابط های برنامه کاربردی API های HTML5 است که برای مکان یابی موقعیت کاربران استفاده می شود.
موقعیت جغرافیایی در 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)

 

 



1
نظرات
  • user avatar امین:
    ۱۶:۲۱:۰۰ __ ۱۳۹۵/۰۲/۰۵

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

نظر خود را ارسال کنید



نام:
ایمیل:
دیدگاه:
captcha
کد امنیتی :


advertise
متدهای جالب شی geolocation در htmlGeolocation in HTML5یافتن اطلاعات موقعیت مشخص با geolocationطریقه پیدا کردن موقعیت کاربر در htmlعنصر مربوط به موقعیت جغرافیایی در اچ تی ام الgeolocation بعنوان یکی از APIهای html5مدیریت خطاها و عدم پذیرش در مکان یابی کاربران htmlپشتیبانی مرورگرها از Geolocationکاربرد متد متد getCurrentPosition در html5تعیین محل موقعیت کاربر با geolocation در html5داده های بازگشتی از متد ()getCurrentPosition در اچ تی ام ال5معرفی عنصر geolocation در htmlکاربرد geolocation در HTML5 چیست؟ لیست برچسب ها
تمامی حقوق این سایت اعم از محتوی ، تصاویر ، قالب و ... متعلق به گروه مهندسی وب سایت سورس کد می باشد.
SourceCodes.ir ، افقی روشن برای برنامه نویسان ، از مبتدی تا حرفه ای

پیشنهادات ویژه سورس کد

پکیج ویژه پروژه پایانی رشته کامپیوتر دانلود مجموعه 70 پروژه کاربردی سی شارپ وب سایت فروشگاه با php