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

نقشه ها به واسطه توابع کاربردی گوگل نمایش داده میشوند که شامل عناصری با قابلیت ارتباط با کاربر میباشد.

این عناصر را اشیاء یا controls می گویند. شما میتوانید این نوع اشیاء را با تغیراتی در برنامه خود فراخونی کنید و کنترل اشیاء را به api گوگل مپ بسپارید.        طراحی قالب وردپرس خود را به ما بسپارید.

این اشیاء تعداد انگشت شماری میباشند که عبارتند از:

  • ·         شیئ زوم(zoom)

 نمایش یک نوار لغزنده (برای نقشه بزرگ) یا “+/-” دکمه های کوچک (برای نقشه های کوچک) برای کنترل سطح زوم از نقشه است. این شیئ به طور پیش فرض در گوشه سمت چپ بالای نقشه بر روی دستگاه های غیر لمسی و یا در گوشه سمت چپ پایین بر ​​روی دستگاه های لمسی به نظر می رسد.

  •   شیئ کنترل کننده (panControl)

نمایش دکمه برای سوژه متحرک از روبرو نقشه. این شیئ به طور پیش فرض در گوشه سمت چپ بالای نقشه بر روی دستگاه های غیر لمسی به نظر می رسد. شیئ کنترل کننده همچنین اگر دستگاه شما قابلیت چرخش را داشته باشد اجازه می دهد تا شما نقشه را ۴۵ درجه گردش دهید.

  • شیئ مقیاس نقشه(scaleControl)

این کنترل به طور پیش فرض فعال نیست.

  • شیئ نوع نقشه(mapTypeControl)

این شیئ اجازه میدهد تا کاربر بتواند نوع نقشه را تغیر دهد.(به طور مثال تغیر وضعیت از نقشه ماهواره ای به صورت نقشه راه و ترابری). این شیئ به طور پیش فرض در گوشه سمت راست بالای نقشه نمایش داده می شود.

  • شیئ نمای خیابان (panControl)

آیکون یک مرد که با قرار دادن آن بر روی قسمتی از نقشه شما میتوانید به صورت مجازی از مکان مورد نظرتان دیدن کنید(در واقع شما به صورت سه بعدی در صورت وجود فایل سه بعدی آن شهر در آن مکان قرار میگیرید.)

  • شیئ چرخش(rotateControl)

شامل یک آیکون کوچک دایره ای شکل که به شما اجازه میدهد ۴۵ درجه نقشه را بچرخانید. این کنترل به طور پیش فرض در گوشه سمت چپ بالای نقشه نمایش داده میشود.

  • شیئ مرور نقشه(overviewMapControl)

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

شما به صورت مستقیم اجازه تغیر و دسترسی به نقشه را ندارید. در عوض میتوانید با استفاده از تنظیمات نقشه فیلد هایی را برای نقشه فرستاده و باعث تغیر در نقشه شوید. برای تغیر نقشه به صورت پویا باید از setOptions() استفاده کنید.

 

مثال:

<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
function initialize()
{
  var mapProp = {
    center: new google.maps.LatLng(51.508742,-0.120850),
    zoom:7,
    panControl:true,
    zoomControl:true,
    mapTypeControl:true,
    scaleControl:true,
    streetViewControl:true,
    overviewMapControl:true,
    rotateControl:true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="googleMap" style="width:500px;height:380px;"></div>

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