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

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

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

0 360 ۱۵ تیر ۹۵

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

google-maps

در جلسه قبل توضیحاتی در مورد روش فعال و غیر فعال کردن کنترلرهای Google Maps دادیم و در این جلسه مباحث رو جلو میبریم.

برای اینکه کنترلر Zoom رو بردارید باید بصورت زیر عمل کنید:

خروجی بصورت زیر هست:zoomcontrol disable google maps

همونطوری که در تصویر مشخص شده، دیگه اون کنترلر بزرگنمایی که + و - داشت، وجود نداره و برداشته شده.

میزان بزرگنمایی یا Scale در حالت اولیه بر روی نقشه نمایش داده نمیشه. برای اینکه میزان بزرگنمایی رو بر روی نقشه قرار بدیم باید بصورت زیر عمل کنیم:

خروجی بصورت زیر هست:scalecontrol google maps

همونطور که در تصویر بالا مشخص کردیم، یک بخش بزرگنمایی به پایین نقشه اضافه شده و بزرگنمایی کنونی نقشه رو نمایش میده. همونطور که میبینید یک اندازه رو مشخص کرده و گفته این اندازه بر روی نقشه معادل با 5 کیلومتر واقعی هست. اگر بر روی مقیاس کلیک کنید واحدها عوض میکشن و بجای نمایش km و m واحدهای mi و ft نمایش داده میشه. km و m و mi و ft به ترتیب به معنای کیلومتر، متر، مایل و فوت هستند.

حالا میخایم اون قسمتی که در بالا و سمت چپ قرار داره و میشه با استفاده از اون نوع نقشه رو تغییر داد، مخفی کنیم و همچنین اون آدمک یا Street View که در سمت راست هست رو برداریم. برای اینکار بصورت زیر عمل میکنیم:

خروجی بصورت زیر هست:streetview and maptype disable google maps

همونطور که در تصویر بالا میبینید ویژگی های Street View و Map type مخفی شدن.

اگر بخوام شما رو با کاربرد Street View آشنا کنم، باید مثالی رو براتون بزنم. اول اینکه از این ویژگی فقط در نقاطی که عکسی از اون نقطه در Google Maps وجود داره، میتونین استفاده کنید. برای اینکه بفهمید چه نقاطی بر روی نقشه از این ویژگی پشتیبانی میکنن، اون آدمک رو با ماوس گرفته و بر روی نقشه درگ کنید، اما ماوس رو رها نکنید و منتظر بمونید تا مناطق پشتیبانی کننده رنگشون عوض بشه:street view google maps

میبینید که ما آدمک رو درگ کردیم و بدون رها کردن ماوس، اون رو روی نقشه نگه داشتیم. همونطور که مشاهده میکنید، یک سری از نقاط به رنگ آبی در اومدن. رنگهای آبی به معنای اونه که در Google Maps برای این نقاط تصاویر پانورما و 360 درجه ای قرار داده شده. شما میتونین آدمک رو روی یکی از اونا نگه دارید و رها کنید:street view google maps 2

برای مثال من آدمک رو بر روی حرم مطهر شاهچراغ بردم و میبینید که یه تصویر اولیه رو بهم نشون میده و زیر اون هم نام عکاس رو که Omid Jafarnezhad هست قرار میده. حالا اگر آدمک رو رها کنیم وارد تصویر 360 درجه ای مربوط به حرم مطهر میشیم:street view google maps 3

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

  1. برگشت به نقشه اصلی
  2. تمام صفحه کردن
  3. جهت قطب نما

با استفاده از ویژگی Street View میتونین به کل جهان سفر کنید و خیابون ها و مکانهای مختلف رو ببینید و یا حتی میتونید به سایت اصلی Google Map برید و خودتون یک تصویر از مکان مورد نظرتون قرار بدین.

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

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

موفق باشید

یا علی

Source

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram