آموزش پیدا کردن موقعیت یا Location کاربر با Javascript - قسمت 1



visibility  
mode_comment   ۰

اکثر دستگاه های جدید و مدرن این قابلیت رو دارند که بر اساس داده های GPS و WiFi و موقعیت یابی بر اساس IP کاربر، موقعیت فعلی خودشون رو تشخیص بدن. توسعه دهندگان میتونن از این اطلاعات برای بهتر نمایش دادن نتایج جستجو، فروشگاه های نزدیک به کاربر و ... از اون استفاده کنند و همچنین میتونن یک نقشه سفارشی بسازن و اون رو درون سایت یا اپلیکیشن خودشون قرار بدن تا کاربران بتونن با اون تعامل داشته باشن.

در این مقاله ما یک راه ساده رو با استفاده از javascript خالص به شما آموزش میدیم که میتونین تقریبا موقعیت کاربر رو مشخص کنید و نیازمند به سرویس های شخص ثالث برای انجام این کار نیستید.

منابع مورد استفاده برای موقعیت:

Javascript یک راه ساده و در عین حال قدرتمند بنام Geolocation API رو به شما پیشنهاد میده که میتونین با استفاده از اون به راحتی به موقعیت کاربر دسترسی داشته باشید. این API شامل تعدادی متد هست که میتونن به راحتی اطلاعات موقعیتی دستگاه کاربر رو دریافت کنند و نمایش بدهند. منبع مورد استفاده برای موقعیت، یکی از موارد زیر میتونه باشه:

متخصص اندروید
دوست داری از طریق برنامه نویسی کسب درآمد کنی؟ اگر می خوای با برنامه نویسی وب و موبایل کسب درآمد کنی، جایی استخدام شی و یا حتی اینکه درامد ارزی داشته باشی، حتما دوره های متخصص سون لرن رو یه نگاه بنداز : متخصص شو arrow_back
  • GPS : این منبع فقط بر روی دستگاه های موبایل وجود داره و دقت بسیار بالایی دارد. دقت این مورد تقریبا 10 متر یا کمتر هست.
  • WiFi : این مورد برای هر دستگاهی که بتونه از طریق Wifi به اینترنت متصل بشه، موجود هست و این مورد تقریبا از دقت بالایی برخوردار هست.
  • موقعیت بر اساس IP : این مورد به موقعیت مکانی کاربران بستگی داره و در اکثر موارد نمیشه بصورت 100 درصد به اون اعتماد کرد. از این گزینه زمانی که دو مورد قبل قابل استفاده نباشند و با خطا مواجه بشند، استفاده میشه.

زمانی که ما یک درخواست به مرورگر میفرستیم و اطلاعات مکانی رو تقاضا میکنیم، مرورگر هر سه روش بالا رو بررسی میکنه و میبینه که کدام موارد موجود هستند. در اکثر موارد از مورد WiFi مورد استفاده قرار میگیره. بخاطر این که دسترسی به این مورد خیلی سریعتر از GPS هست و همچنین دقت بیشتری نسبت به IP دارد.

استفاده از Geolocation API

پشتیبانی مرورگرها از Geolocation API خیلی خوب هست و با خیال راحت میتونین از اون استفاده کنید:

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

همونطور که دیدید وجود شئ geolocation رو در window.navigation بررسی کردیم. اگر این شئ وجود داشته باشه، پس شرط مورد نظر true خواهد شد و کدهای درون بلاک if اجرا میشن و اگر شرط False باشه، کدهای درون else اجرا میشن. با اینکار میتونین برای کاربرانی که مرورگرشون از این ویژگی پشتیبانی نمیکنه، پیامی رو نمایش بدین و ازشون بخواید که مرورگرشون رو عوض کنند و یا اون رو به روز رسانی کنند.

درون شئ navigator.geolocation متدهای زیر قرار گرفته و میتونین ازشون استفاده کنید:

  • Geolocation.getCurrentPosition() :  موقعیت فعلی دستگاه رو دریافت میکنه و به ما بر میگردونه
  • Geolocation.watchPosition() : این متد بصورت لحظه ای تغییرات موقعیت دستگاه رو بررسی میکنه و با هر حرکتی که انجام بشه، متوجه میشه و callback و تابعی رو که برای اون مشخص کردین رو صدا میزنه و کدهای درون اون رو اجرا میکنه.
  • Geolocation.clearWatch() : این متد رویدادهای تعریف شده توسط متد بالا یعنی watchPosition رو پاک میکنه.

در جلسه بعد با ادامه این آموزش در خدمتتون هستیم.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید.

یا علی

Source

comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.