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

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



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

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

0 312 ۱۶ تیر ۹۵

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

google-maps

در این جلسه موضوع کنترلرهای رابط کاربری رو با هم ادامه میدیم.

برای اینکه خاصیت تمام صفحه شدن یا Full Screen رو به نقشتون اضافه کنید، باید بصورت زیر عمل کنید:

خروجی بصورت زیر خواهد بود:street view google maps 4

میبینید که در بالا و سمت راست نقشه یک آیکون اضافه شده. با کلیک بر روی اون نقشتون کل نمایشگر رو میگیره و میتونین راحتتر نقشه گردی کنید.

حالا بریم سراغ ویژگی Rotate و Tilt که یه مقدار سخت تر از قبلیا هست.

برای اینکه کنترلر Rotate رو فعال کنید باید یه سری شرایط دست به دست هم بدن. اول اینکه باید ویژگی بنام Tilt رو برابر با مقدار 45 قرار بدین. اگه دقت کرده باشید تمام نقشه ای که وجود داره بصورت دید عمودی نمایش داده میشه و خیلی طبیعی نیس. Google Maps چیزی بعنوان 45 Imagery اضافه کرده که میشه در نقاطی که از این ویژگی پشتیبانی میکنن، از خاصیت Tilt استفاده کرد. اگه در اون نقاط خاص این ویژگی رو فعال کنید، بجای اینکه تصویری عمودی از نقشه ببینید، میتونید تصویری 45 درجه از نقشه رو هم دیده و نقشه ای واقعی تر در اختیار کاربر قرار بدین.

شرط دیگه ای که برای استفاده از این ویژگی هست اینه که بزرگنمایی باید خیلی زیاد باشه. حالا اگه همه این شرایط وجود داشتن و خاصیت Rotate رو هم فعال کنیم، میتونیم در اون موقعیت با زدن بر روی دکمه Rotate، نود درجه نقشه رو بچرخونیم. مورد دیگه ای که وجود داره اینه که از این موارد تنها در نوع های Satellite و Hybrid کاربرد دارن و بقیه این ویژگی رو پشتیبانی نمیکنن.

کد زیر رو فرض کنید:

چون که بیشتر نقاط آمریکا از ویژگی 45 Imagery پشتیبانی میکنن، ما هم یکی از نقاط لاس وگاس رو انتخاب کردیم و عرض و طول جغرافیایی اون رو قرار دادیم. میبینید که نوع نقشه رو Satellite در نظر گرفتیم و ویژگی tilt رو هم 45 قرار دادیم. خاصیت rotateControl رو هم برابر با True قرار دادیم. حالا اگر خروجی رو ببینیم، بصورت زیر خواهد بود:rotate control goole maps

همونطور که میبینید نقشه واقعا طبیعی تر شده و با یک زاویه 45 درجه ای داریم نقشه رو میبینیم. همچنین دو دکمه هم اضافه شده که در تصویر مشخص شده. بالایی مربوط به Rotate یا چرخاندن و پایینی مربوط به Tilt یا تغییر زاویه هست. با کلیک بر روی دکمه Tilt به همون نمای 90 درجه و پیش فرض بر میگردیم. خودتون تصویر بالا و پایین رو مقایسه کنید و متوجه فرقشون بشید:disable tilt google maps

میبینید که در این حالت دکمه Rotate حذف میشه و نمیشه از اون استفاده کرد. دوباره به تصویر قبل برمی گردیم و بر روی دکمه Rotate کلیک میکنیم، خروجی بصورت زیر میشه و نقشه به اندازه 90 درجه ساعتگرد میچرخه:rotate 90 google maps

همونطور که میبینید نسبت به حالت قبلی خودش 90 درجه چرخیده و نمای دیگری رو نمایش داده.

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

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

موفق باشید

یا علی

Source

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

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram