2017-mm-05 10-06-04 صبح حراج!
2017-mm-05 10-06-47 صبح

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

تومان 25,000 تومان 5,000

موضوع بسیار پر کاربرد نقشه گوگل (Google maps) حتماً نظر شما رو هم جلب کرده تا بتونید از اون در سایت خودتون استفاده کنید ، امروز در خدمت شما هستیم با دوره تصویری آموزش کار با نقشه گوگل  و استفاده از آن در وب سایت به زبان فارسی  در خدمت شما هستیم . این موضوع رو برای شما باز کردیم تا بتونیم باز هم در آموزش ها خاص ، بی نظیر باشیم . در این دوره  شما رو با چگونگی استفاده از نقشه گوگل  با  Google Maps API آشنا می‌کنیم. در این دوره شماا ابتدا با مفاهیم اصلی  و چگونگی استفاده ساده از google map  در سایت خود آشنا می شوید سپس در بخش بعدی آموزشش شما قادر خواهید شد اطلاعاتی را از بانک SQLL  خوانده و بر اساس موقعیت بر روی نقشه نشان دهید و نهایت هم امکان نمایش موقعیت جاری کاربر بر روی نقشه را با استفاده از GEOLocation  به شما آموزش خواهیم داد

مقدار:

توضیحات محصول

موضوع بسیار پر کاربرد نقشه گوگل (Google maps) حتماً نظر شما رو هم جلب کرده تا بتونید از اون در سایت خودتون استفاده کنید ، امروز در خدمت شما هستیم با دوره تصویری آموزش کار با نقشه گوگل  و استفاده از آن در وب سایت به زبان فارسی  در خدمت شما هستیم . این موضوع رو برای شما باز کردیم تا بتونیم باز هم در آموزش ها خاص ، بی نظیر باشیم . در این دوره  شما رو با چگونگی استفاده از نقشه گوگل  با  Google Maps API آشنا می‌کنیم. در این دوره شما ابتدا با مفاهیم اصلی  و چگونگی استفاده ساده از google map  در سایت خود آشنا می شوید سپس در بخش بعدی آموزش شما قادر خواهید شد اطلاعاتی را از بانک SQLL  خوانده و بر اساس موقعیت بر روی نقشه نشان دهید و نهایت هم امکان نمایش موقعیت جاری کاربر بر روی نقشه را با استفاده از GEOLocation  به شما آموزش خواهیم داد !
 گوگل مپ یا گوگل مپس چیست  ؟ (از زبان ویکی پدیا)

گوگل مپس یا گوگل مپ (به انگلیسی: Google Maps، به معنی: نقشه‌های گوگل) یک محصول وب از شرکت گوگل است. در گوگل مپس، نقشه‌های دقیق و کاملی از زمین ارائه می‌گردد. گوگل مپس از فناوری‌هایی چون Tele Atlas استفاده می‌کند. در نقشه‌های گوگل سه بخش وجود دارد:

۱- فهرست‌های نقشه: نقشه‌های موجود را در دسته بندی‌های گوناگون ارائه می‌دهد.

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

۳- آیکون‌هایی که می‌توان نقاط مختلف بر روی نقشه را با آنها علامت گذاری کرد.

  • نوع دوره : ویدئویی و فارسی
  • سطح دوره : مبتدی تا پیشرفته

مواردی که در دوره آموزش کار با google maps و استفاده در سایت مطرح گردیده است :

قسمت اول :

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

  • روش افزودن یک موقعیت مکانی جدید به نقشه گوگل
  • آشنایی با مفهوم 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 (مقدار منفی برای margin، positioning (موقعیت دهی) و overlapping (روی هم قرارگرفتن عناصر)

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

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

  • نمایش اطلاعات مربوط به مسیریابی تأمین شده شامل دستورالعملها، طول و مدت زمان طی قسمتهای مختلف مسیر
  • تعریف عنصر در برگیرنده ی لیست های کشویی انتخاب مبدأ و مقصد به عنوان یک کنترل نقشه (مانند کنترل zoom) برای موقعیت دهی
  • مفهوم شماره مسیر جاده ها (7 جنوب، 65 شمال)
  • مدیا کوئری print و page@ و تنظیم استایل محتوای صفحه ی مسیریابی در هنگام چاپ
  • الویت استایل دهی ها در CSS
  • و دیگر مفاهیم CSS مورد نیاز (float, overflow, display, text-align, direction)

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

– نمایش علامت (marker) بر روی مسیر در موقعیت هایی مانند تغییر یافتن جهت مسیر، با محتوای دستورالعمل مربوط به هر گام از مسیر تأمین شده

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

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

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

– نمایش اطلاعات قسمت های مختلف مسیریابی بین محل های توقف (آدرس شروع، پایان و طول هر قسمت)

– نمایش مسیر بر روی نقشه با قابلیت جابجایی (draggable) موقعیت مبدأ، مقصد و محل های توقف و عبور، با قابلیت تغیییر یافتن مسیر و اطلاعات مربوط به آن بصورت پویا و تعاملی

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

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

سورس کدهای بررسی شده در این جلسه به همراه ویدئو برای دانلود قرار داده شده است.

قسمت پنجم :

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

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

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

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

  • IP Address و MAC Address
  • ناوبری هذلولوی
  • سامانه موقعیت یابی جهانی (GPS)
  • شبکه‌های بی‌سیم و موبایل (Wi-Fi, Cellular Network, GSM)
  • سنسورهای موبایل (شتاب سنج، ژیروسکوپ، قطب نما و فشارسنج)

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

  • کدنویسی‌های مربوط به بدست آوردن موقعیت جغرافیایی کاربر و نمایش بر روی نقشه
  • بررسی خطاها
  • آشنایی با ورژن‌های مختلف API ی نقشه گوگل
  • بررسی پارامترهای مختلف در موقعیت یابی کاربر
  • موقعیت یابی پیوسته کاربر
  • بررسی تنظیمات موقعیت یابی در مرورگرهای مختلف
  • بررسی تنظیمات موقعیت مکانی گوگل در موبایل
  • استایل دهی به پنجره پیغام (InfoWindow)
  • آشنایی بیشتر با کاربردهای Geolocation
  • افزودن امکان “ورود به سیستم” به نقشه، برای ورود کاربر به حساب گوگل شخصی

سورس کدهای بررسی شده در این جلسه به همراه ویدئو برای دانلود قرار داده شده است. لازم به ذکر است برای اجرای کدهای این جلسه می‌بایست از وب سرور استفاده کنید.

فعلا نظری موجود نیست.

نقد خود را اضافه کنید