• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

آموزش استفاده از نقشه گوگل در صفحات وب - Google Maps (جلسه 5) - کنترلرهای رابط کاربری - قسمت 1

2 345 ۱۴ تیر ۹۵

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

google-maps

Google Maps کنترلرها و گزینه های زیادی رو قرار داده که کاربر با استفاده از اونا میتونه با نقشه تعامل داشته باشه و با اون ارتباط برقرار کنه. ما میتونیم این موارد رو اضافه کنیم و یا در اونا دستکاری انجام بدیم و یا حتی اونا رو حذف کنیم.

کنترلرهای پیش فرض

در ابنجا لیستی از کنترلرهای پیش فرضی که در همون ابتدا در Google Maps فعال هست رو خدمتتون میگیم:

  • Zoom : بصورت پیش فرض بر روی نقشه یک اسلایدر با دکمه های + و - قرار داده شده که با کلیک بر روی اونا، بزرگنمایی بر روی نقشه تغییر میکنه و میتونین اون رو کم و زیاد کنید.
  • Pan : با استفاده از این امکان شما میتونین با کلیک و درگ کردن بر روی نقشه اون رو جابجا کرده و مکانهای دیگه ای که بر روی نقشه وجود داره رو مشاهده کنید. همجنین با استفاده استفاده از کلیک های بالا و پایین و چپ و راست کیبورد هم میتونین نقشه رو جابجا کنید.
  • Map Type : این مورد همون گزینه هایی هست که در بالا و سمت چپ نقشه وجود داره و انواع نقشه های دیگه رو هم در اختیار کاربر قرار میده که با کلیک کردن بر روی هر کدوم، نوع نقشه تغییر میکنه.
  • Street View : اگه دقت کرده باشید در بالای اسلایدر بزرگنمایی یا Zoom یک آدمک قرار گرفته. شما میتونین این آدمک رو با ماوس گرفته و اون رو به نقطه ای بر روی نقشه که میخاید درگ کرده و رها کنید. با اینکار یک تصویر پانورما یا 360 درجه ای از اون نقطه به شما نمایش داده میشه و میتونین از اون لذت ببرید. با استفاده از این مورد، میتونین این امکان رو مدیریت کنید.

اگه بخایم یک مثال از نمونه پیش فرض نقشه گوگل رو در اختیارتون بزاریم، بصورت زیر خواهد بود:google map default

میبینید که اون موارد پیش فرضی که خدمتتون عرض کردم در نمونه بالا نمایش داده شده.

غیرفعال کردن کنترلرهای پیش فرض

ما براحتی میتونیم با true قرار دادن ویژگی disableDefaultUI، کنترلهای پیش فرض Google Maps رو غیرفعال کرده و یک نقشه ساده رو به وجود بیاریم. برای این کار کدهای زیر رو در نظر بگیرید:

اگر خروجی رو نگاه کنیم، بصورت زیر خواهد بود:google map disable default

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

فعال و غیر فعال کردن همه کنترلرها

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

  • Scale : با فعال کردن این امکان یک عدد در پایین نقشه نمایش داده میشه که مقیاس نقشه رو مشخص میکنه.
  • Rotate : شما میتونین نقشتون رو در مکانهایی که از Tilt پشتیبانی میکنه، به صورت 45 درجه از بغل نمایش بدین و نقشتون رو عادی تر و طبیعی تر کنید. زمانی که در این شرایط قرار گرفتید یک دکمه Rotate اضافه میشه که با هر بار کلیک بر روی اون نقشتون 90 درجه میچرخه و نمای دید اون عوض میشه.
  • Fullscreen : با استفاده از این ویژگی یک آیکون در گوشه بالا و سمت راست نقشه ظاهر میشه که با کلیک بر روی اون نقشتون کل صفحه نمایشگر رو میگیره و تمام صفحه میشه و بهتر میتونین نقشتون رو ببینید.

بصورت زیر میتونین این ویژگی ها رو فعال و غیر فعال کنید و بجای هر کدام True یا False قرار بدین.

در جلسه در مورد هر کدوم از موارد بالا بیشتر توضیح میدیم و مثالهایی رو براتون میاریم.

در جلسات بعدی بیشتر در مورد این ابزار قدرتمند گوگل صحبت میکنیم.

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

موفق باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    Mahmood Dabestani(۱۶ تیر ۱۳۹۵)

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

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram