شیئ ها در نقشه گوگل قسمت سوم

در قسمت گذشته از آموزش های سلسله مراتبی شرکت طراحی قالب وردپرس آنفایو نحوه غیر فعال کردن تنظیمات پیش فرض نقشه گوگل را برسی کرده ایم در این سری از اموزش های سلسله مراتبی شرکت طراحی قالب وردپرس آنفایو قصد برسی تغیر رفتار پیش فرض اشیاء در نقشه گوگل را داریم. تعدادی از اشیاء قابلیت تنظیم نحوه نمایش را دارند.

به طور مثال: شیئ زوم میتواند به صورت های مختلفی نمایش داده شود، مثلاً به صورت یک شیئ بزرگ با نوار لغزنده، یا به صورت شیئ کوچکتری با تمام اجزاء خود و یا به صورت یک شیئ کوچکی که در گوشه نقشه نمایش داده می شود.

این شیئ ها با تغیر مقادیری در mapoption تغیر میکنند. مثلاً برای تغیر نحوه نمایش شیئ زوم میتوانید با تعریف zoomControlOptions به صورت زیر و مقدار دهی style با google.maps.ZoomControlStyle.SMALL

نمایش شیئ زوم به صورت یک آیکون کوچک میشود.(کد های زیر باید در mapoption باشد)

zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}

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

google.maps.ZoomControlStyle.SMALL:                               آیکون کوچکی که شامل دکمه های + و – میباشد

google.maps.ZoomControlStyle.LARGE:                               آیکون نسبتاً بزرگی شامل دکمه های + و – میباشد

google.maps.ZoomControlStyle.DEFAULT         نسبت به دستگاه مورد نظر خودش را تنظیم میکند(پیش فرض)

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

google.maps.MapTypeControlStyle.HORIZONTAL_BAR:                       نمایش شیئ  در نوار افقی

google.maps.MapTypeControlStyle.DROPDOWN_MENU:        نمایش منویی برای انتخاب نوع نقشه

google.maps.MapTypeControlStyle.DEFAULT:                          بستگی به نوع دستگاه دارد

مثالی برای استایل دهی شیئ های نقشه:

function initialize() {
var mapOptions = {
zoom: 4,
center: new google.maps.LatLng(-33, 151),
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}
}
var map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
}

کنترل ها بعد از بارگزاری نقشه ایجاد شده اند با این وجود ممکن است بخواهید بعد از بارگزیر خواص آن ها را تغیر دهید برای این کار کافیست از خاصیت setOptions() در اشیاء استفاده کنید.طراحی قالب وردپرس خود را به ما بسپارید.

در زیر اسامی تعریف شده در گوگل مپ برای تغیرات یک شیئ ذکر شده است:

mapTypeControl              «              MapTypeControlOptions

panControl                   «                     panControlOptions

zoomControl                «                  zoomControlOptions

scaleControl                 «                  scaleControlOptions

rotateControl               «                 rotateControlOptions

overviewMapControl                «        overviewMapControlOptions

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