خانه / آموزش HTML / بخش چهل و نهم-موقعیت جغرافیایی HTML
راه اندازی سایت فروشگاهی دیجی کالا و بامیلو
"

تاریخ بروزرسانی: ۲۶ آذر ۱۳۹۷ تعداد بازدید : 9 بازدید بدون دیدگاه

بخش چهل و نهم-موقعیت جغرافیایی HTML

قدم قبلی >< قدم بعدی

موقعیت جغرافیایی HTML

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

در این آموزش html به موقعیت جغرافیایی HTML می پردازیم.

API جغرافیایی HTML استفاده می شود تا موقعیت کاربر را تعیین کند.

موقعیت کاربر را تعیین کنید

API جغرافیایی HTML برای بدست آوردن موقعیت جغرافیایی یک کاربر استفاده می شود.

از آنجا که این میتواند حریم خصوصی را به خطر بیندازد، موقعیت در دسترس نیست مگر اینکه کاربر آن را تایید کند.

توجه: مکان جغرافیایی دقیق تر برای دستگاه های دارای GPS، مانند گوشی های هوشمند است.

با استفاده از Geolocation HTML

روش getCurrentPosition () برای بازگشت موقعیت کاربر استفاده می شود.

مثال زیر، طول و عرض جغرافیایی موقعیت کاربر نشان می دهد:

توضیح مثال:

  • بررسی کنید که آیا موقعیت جغرافیایی پشتیبانی می شود
  • اگر پشتیبانی، روش getCurrentPosition () را اجرا کنید. اگر نه، یک پیام به کاربر نمایش می دهد
  • اگر روش getCurrentPosition () موفق باشد، یک شی مختصات را به تابع مشخص شده در پارامتر (showPosition)
  • تابع showPosition () Latitude و Longitude را خروجی می دهد

مثال فوق یک اسکریپت بسیار ساده Geolocation است که بدون هیچگونه خطا روبرو است.

خطاهای اداری و رد

دومین پارامتر از روش getCurrentPosition () برای رسیدگی به خطاها استفاده می شود. این تابع را برای اجرا در صورت عدم دسترسی به مکان کاربر مشخص می کند:

نمایش نتیجه در یک نقشه

برای نمایش نتیجه در یک نقشه، شما نیاز به دسترسی به یک سرویس نقشه، مانند Google Maps دارید.

در مثال زیر، طول و عرض جغرافیایی بازگشتی برای نشان دادن موقعیت مکانی در یک نقشه Google (با استفاده از یک تصویر ثابت) استفاده می شود:

اطلاعات خاص محل سکونت

این صفحه نشان داده است که چگونه موقعیت کاربر را بر روی یک نقشه نشان می دهد.

مکان جغرافیایی نیز برای اطلاعات مکان خاص مفید است، مانند:

  • اطلاعات محلی به روز
  • نمایش امتیازات مورد علاقه در نزدیکی کاربر
  • ناوبری به نوبه خود (GPS)

روش getCurrentPosition () – بازگشت داده ها

روش getCurrentPosition () یک شی را در مورد موفقیت به ارمغان می آورد. ابعاد عرض، طول جغرافیایی و دقت همیشه بازگشت می یابد.

موقعیت جغرافیایی – سایر روش های جالب

جغرافیایی شی نیز روش های جالب دیگری دارد:

  • watchPosition () – موقعیت فعلی کاربر را برمی گرداند و همچنان به موقعیت به روز شده به عنوان حرکت کاربر (مانند GPS در یک خودرو) ادامه می دهد.
  • clearWatch () – روش watchPosition () را متوقف می کند.

مثال زیر روش watchPosition () را نشان می دهد. برای آزمایش این (به عنوان مثال گوشی هوشمند) نیاز به دستگاه GPS دقیق دارید:

 

گام قبلی >< گام بعدی
لطفا امتیاز بدهید

لینک کوتاه این مطلب: https://tiktheme.com/?p=12128


کانال تلگرام تیک تم

مطلب پیشنهادی

بخش شصت و دوم-بوم مرجع HTML

در این آموزش html به معرفی بوم مرجع HTML می پردازیم. توضیحات تگ <canvas> برای …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *