آموزش نقشه گوگل و استفاده از آن

موضوع بسیار پرکاربرد نقشه گوگل (Google maps) حتماً نظر شما رو هم جلب کرده تا بتونید از اون در سایت خودتون استفاده کنید. امروز در خدمت شما هستیم با آموزش کار با نقشه گوگل  و استفاده از آن در وب سایت به زبان فارسی در خدمت شما هستیم.

در این دوره  شما رو با چگونگی استفاده از نقشه گوگل با Google Maps API آشنا می‌کنیم. در این دوره شما ابتدا با مفاهیم اصلی و چگونگی استفاده ساده از google map در سایت خود آشنا می شوید سپس در بخش بعدی آموزش شما قادر خواهید شد اطلاعاتی را از بانک SQL خوانده و بر اساس موقعیت بر روی نقشه نشان دهید و نهایت هم امکان نمایش موقعیت جاری کاربر بر روی نقشه را با استفاده از GEOLocation به شما آموزش خواهیم داد!

در آموزش کار با نقشه گوگل یاد میگیریم:

قسمت اول:

در این ویدئو که قسمت اول این آموزش هست به موارد زیر پرداخته شده است:

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

• آشنایی با مفهوم API و Google Maps API

• یادآوری مفاهیم عرض و طول جغرافیایی

• آشنایی با مراحل دریافت API Key از سایت گوگل

• توضیح کامل کدهای مورد نیاز برای استفاده از نقشه

• آشنایی با نحوه‌ی تغییر Option های مختلف نقشه با استفاده از کدنویسی

• مشخص کردن رنگ پس زمینه، نمای نقشه، موقعیت و استایل کنترلهای نقشه

قسمت دوم:

در بخش اول کدهای بررسی شده در قسمت قبل در محیط ویژوال استودیو پیاده سازی شده است.

در بخش دوم به مبحث نمایش موقعیت‌های مکانی ذخیره شده در بانک اطلاعاتی بر روی نقشه پرداخته شده است. و موارد زیر مورد بررسی قرار گرفته است:

• تعریف جدول مورد نیاز برای درج اطلاعات موقعیت‌های مکانی

• روش بدست آوردن مختصات جغرافیایی آدرس‌ها بصورت اعشاری

• ارتباط با بانک اطلاعاتی توسط تکنولوژی LINQ

• آشنایی با کنترل Repeater و Eval و انجام یک مثال با کنترلNET

• بررسی کدهای جاوا اسکریپت مورد نیاز

• تغییر آیکون علامت(Marker)های روی نقشه

قسمت سوم:

در این قسمت به مبحث ترسیم اشکال بر روی نقشه (Drawing Shapes) پرداخته شده است.

و با ترسیم اشکال زیر به صورت تعاملی (interactive) بر روی نقشه، آشنا خواهید شد:

• خط شکسته (Polyline)

• چندضلعی (Polygon)

• مستطیل (Rectangle)

• دایره (Circle)

و نحوه ی تغییر استایل مربوط به این اشکال (fillColor, strokeWeight, …) را فرا خواهید گرفت.

همچنین با نحوه ی تغییر خواص قابلیت جابجایی توسط کاربر (draggable) و تغییر سایز توسط کاربر (editable)

و مفهوم geodesic در ترسیم اشکال نیز آشنا خواهید شد.

قسمت چهارم:

در این قسمت سرویس مسیریابی (Directions Service) نقشه های گوگل مورد بررسی قرار گرفته است. به دلیل حجم بالای مطالب مربوط به این سرویس مهم و پر کاربرد، مطالب این بخش در 3 بخش پوشش داده شده است.

در بخش اول با موارد زیر آشنا خواهید شد:

• سرویس مسیریابی و کاربرد آن در وب سایت

• حالت های مختلف مسافرت در مسیریابی

• تأمین مسیر بدون اخذ عوارض در صورت امکان

• تأمین مسیر بدون عبور از بزرگراه های اصلی در صورت امکان

• مفاهیم CSS مورد نیاز مانند negative margin

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

در بخش دوم با موارد زیر آشنا خواهید شد:

• نمایش اطلاعات مربوط به مسیریابی تأمین شده

• تعریف عنصر در برگیرنده ی لیست های کشویی انتخاب مبدأ و مقصد

• مفهوم شماره مسیر جاده ها

• مدیا کوئری print و page@ و تنظیم استایل در هنگام چاپ

• الویت استایل دهی ها در CSS

• و دیگر مفاهیم CSS مورد نیاز

در بخش سوم با موارد زیر آشنا خواهید شد:

• نمایش علامت  بر روی مسیر

• نمایش هشدارهای مربوط به مسیر تأمین شده

• مشخص کردن محل های توقف در مسیر برای عبور از آنها

• تأمین مسیر بهینه (کوتاهترین مسیر) در عبور از محل های توقف

• نمایش اطلاعات قسمت های مختلف مسیریابی

• نمایش مسیر بر روی نقشه با قابلیت جابجایی (draggable)

• محاسبه طول کل مسیر در حالت draggable بصورت پویا

• بدست آوردن اطلاعات مربوط به قسمت ها و مراحل مختلف مسیریابی

قسمت پنجم:

در این قسمت مبحث پرکاربرد Geolocation یا بدست آوردن موقعیت جغرافیایی کاربر را بررسی میکنیم.

در بخش اول مقدمات و مبانی Geolocation مورد بحث قرار گرفته است و با موارد زیر آشنا خواهید شد:

• Geolocation API از HTML5 (روش کار، دقت، حریم خصوصی کاربر و پشتیبانی مرورگرها)

• منابع تأمین اطلاعات در مورد موقعیت جغرافیایی کاربر

• IP Address و MAC Address

• ناوبری هذلولوی

• سامانه موقعیت یابی جهانی(GPS)

• شبکه‌های بی‌سیم و موبایل (Wi-Fi, Cellular Network, GSM)

• سنسورهای موبایل (شتاب سنج، ژیروسکوپ، قطب نما و فشارسنج)

در بخش دوم بصورت عملی کدنویسی‌های Geolocation مورد بررسی قرارگرفته است:

• کدنویسی‌های مربوط به بدست آوردن موقعیت جغرافیایی کاربر

• بررسی خطاها

• آشنایی با ورژن‌های مختلف API ی نقشه گوگل

• بررسی پارامترهای مختلف در موقعیت یابی کاربر

• موقعیت یابی پیوسته کاربر

• بررسی تنظیمات موقعیت یابی در مرورگرهای مختلف

• بررسی تنظیمات موقعیت مکانی گوگل در موبایل

• استایل دهی به پنجره پیغام (InfoWindow)

• آشنایی بیشتر با کاربردهای Geolocation

• افزودن امکان "ورود به سیستم" به نقشه، برای ورود کاربر به حساب گوگل شخصی