شما عضو این انجمن نبوده یا وارد نشده اید. لطفا برای مشاهده کامل انجمن و استفاده از آن وارد شوید یا ثبت نام کنید .

امتیاز موضوع:
  • 34 رأی - میانگین امتیازات: 3.03
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
با کوئری پیدا html5 موقعیت کاربر geolocation جغرافیایی jquery جی کردن javascript

پیدا کردن موقعیت جغرافیایی کاربر با جی کوئری
#1
موقعیت جغرافیایی یا همان GeoLocation API یکی از قابلیت های مهم مرورگرهای پشتیبانی کننده از HTML5 است که به ما اجازه می دهد موقعیت جغرافیایی کاربر را با استفاده از JavaScript درخواست کنیم. موقعیت کاربر به وسیله طول و عرض جغرافیایی مشخص می شوند. به دلایل امنیتی بعد از تایید و اجازه کاربر می توان به موقعیت او دسترسی یافت.

جاوا اسکریپت و موقعیت جغرافیایی
در JavaScript ما به وسیله متد ()getCurrentPosition می توانیم موقعیت جغرافیایی کاربر را بگیریم. ولی قبل از آن باید ببینیم مرورگر کاربر از این قابلیت پشتیبانی می کند یا خیر .

*محتوای این قسمت تنها برای اعضای انجمن قابل مشاهده می باشد. *

حالا می توانیم با متدی که در بالا گفته شد موقعیت را به شکل زیر بگیریم

*محتوای این قسمت تنها برای اعضای انجمن قابل مشاهده می باشد. *

jQuery
حالا می خواهیم رویداد click در جی کوئری را هم به کد اضافه کنیم :

*محتوای این قسمت تنها برای اعضای انجمن قابل مشاهده می باشد. *

کد HTML نیز به این شکل خواهد بود:

*محتوای این قسمت تنها برای اعضای انجمن قابل مشاهده می باشد. *

نمایش موقعیت روی نقشه

اگر بخواهیم کمی قضیه را هیجان انگیزتر کنیم می توانیم پای نقشه گوگل را هم به میان بکشیم و موقعیت بدست آمده را روی نقشه نمایش دهیم .برای این کار کد جاوا اسکریپت به این شکل خواهد بود:

*محتوای این قسمت تنها برای اعضای انجمن قابل مشاهده می باشد. *

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

*محتوای این قسمت تنها برای اعضای انجمن قابل مشاهده می باشد. *

در پایان
قابلیت یافتن موقعیت جغرافیایی کاربران می تواند کاربرد های مختلفی داشته باشد مثل یافتن مکان ها نزدیک به کاربر , رستوران های اطراف و … . البته موقع استفاده از این امکان در نظر داشته باشید که پوشش آن ممکن است دقیق و صد درصد نباشد و در بعضی از مرورگرها کار کند و در بعضی کار نکند . در واقع کارکرد برنامه تان را روی آن بنا نکنید.




پاسخ
 سپاس شده توسط sara67 ، saman ، saberi ، soraya ، elshan ، نسیم ، ms.khassi
#2
مرسی آموزش خوبی بود
پاسخ
#3
با تشکر از شما بابت این مطلب
پاسخ
#4
آموزش خوبی بود مرسی
پاسخ


موضوع‌های مشابه…
موضوع نویسنده پاسخ بازدید آخرین ارسال
  کد لود تصاویر با جی کوئری saberi 0 418 ۹۷/۱/۱۵، ۰۲:۳۸ صبح
آخرین ارسال: saberi

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان