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

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



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

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

0 270 ۲۲ تیر ۹۵

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

google-maps

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

در ابتدا بار دیگه نشانگر پیش فرض رو به شما نشون میدیم:simple marker google maps

گوگل به شما اجازه میده که نشانه پیش فرض اون رو دستکاری کنید و هر آیکونی که خودتون دوست دارید رو جای اون قرار بدید. برای اینکار باید از ویژگی icon استفاده کنیم و آدرس اون شکلی که میخایم جای نشانگر پیش فرض قرار بگیره رو مشخص کنیم. برای اینکار بصورت زیر عمل میکنیم:

همونطور که دیدید مقابل ویژگی icon آدرس یک تصویر رو قرار دادیم که همون لوگوی سون لرن هست. خروجی بصورت زیر میشه:change icon google maps

اگه دقت کرده باشید با درگ کردن آیکون با نقشه تکون میخوره و نمیشه اون رو بر روی نقشه تغییر مکان داد. اگر بخواید کاری کنید که قابلیت درگ شدن به نشانگر اضافه بشه، باید از ویژگی draggable استفاده کنید و مقدار اون رو برابر با true قرار بدین. برای اینکار بصورت زیر عمل میکنیم:

خروجی بصورت زیر میشه:draggable icon google maps

میبینید که با گرفتن آیکون و کشیدن اون، میتونین آیکون رو به نقاط مختلفی جابجا کنید و در اونجا مستقرش کنید.

حالا مثلا میخایم کاری کنیم که با زدن بر روی دکمه های مختلف آیکون رو اضافه و حذف کنیم. برای اینکار بصورت زیر عمل میکنیم:

خروجی بصورت زیر میشه:add and remove icon google maps

همونطور که دیدید با کلیک بر روی Add Marker یک آیکون اضافه میشه و با کلیک بر روی Remove Marker آیکون اضافه شده حذف میشه. این کار رو با استفاده از متد setMap انجام دادیم. برای حذف کردن این آیکون کافیه که برای نشانگر، نقشه ای که میخاد در اون نمایش داده بشه رو مشخص نکنیم. برای اینکار درون این متد null رو قرار میدیم. هر زمان که خواستیم این نشانگر برای این نقشه قرار داده بشه، نقشه مورد نظر یا همون متغیر map رو درون این متد قرار میدیم.

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

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

موفق باشید

یا علی

Source

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram