advertise laitec sharif univercity
سورس پروژه پایانی آزمون گیری با زبان سی شارپ و SQL

سورس پروژه پایانی آزمون گیری با زبان سی شارپ و SQL

18000 تومان
دانلود پروژه معمای 8 با الگوریتم ژنتیک در سی شارپ

دانلود پروژه معمای 8 با الگوریتم ژنتیک در سی شارپ

10000 تومان
دانلود سورس پروژه سی شارپ شبیه سازی صف بانک تحت شبکه

دانلود سورس پروژه سی شارپ شبیه سازی صف بانک تحت شبکه

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

دانلود مجموعه 70 پروژه مفید و کاربردی سی شارپ #C

28000 تومان
دانلود سورس پروژه پایانی وب سایت بنگاه املاک با php

دانلود سورس پروژه پایانی وب سایت بنگاه املاک با php

68000 تومان

موقعیت جغرافیایی در 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
کد امنیتی :


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

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

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