advertise laitec sharif univercity استخراج بیت کوین با کامپیوتر استخراج بیت کوین با کامپیوتر
دانلود پروژه مدیریت کتابخانه با سی شارپ و SQL سرور

دانلود پروژه مدیریت کتابخانه با سی شارپ و SQL سرور

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

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

15000 تومان
دانلود پروژه پایانی طراحی وب سایت مخابرات با Asp.net

دانلود پروژه پایانی طراحی وب سایت مخابرات با Asp.net

14000 تومان
دانلود پروژه وب سایت هتل با HTML و ASP.NET

دانلود پروژه وب سایت هتل با HTML و ASP.NET

4900 تومان
پروژه پایانی PHP وب سایت فروشگاه کامپیوتری

پروژه پایانی PHP وب سایت فروشگاه کامپیوتری

23000 تومان

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

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

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

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