به طور پیش فرض روی نقشه کنترلهای زیر قرار دارند :
Zoom : علامت های + و - و همچنین یک لغزنده برای تغییر میزان بزرگ نمایی نقشه
 Pan : ابزار دایره جهت دار برای جا به جا کردن نقشه
 MapType : ایجاد امکان برای کاربر که بتواند نوع نقشه را بین دو وضعیت roadmap  و satellite تغییر دهد 
 Street View : ایکن مردی را نشان می دهد که با درگ کردن ان روی محل دلخواه خانه و خیابان مورد نظر بزرگ نشان داده می شود 
 
 کنترلهای دیگری هم هستند که می توان به این مجموعه اضافه کرد
 Scale : ابزارهایی برای بزرگ و کوچک کردن متناسب عرض و ارتفاع نقشه
 Rotate : دایره های کوچکی را نمایش می دهد که با انها می توان نقشه را چرخاند 
 Overview Map : نمای بند انگشتی از انچه هم اکنون در حال مشاهده ان هستید را نمایش می دهد 
 
غیر فعال کردن کنترلهای روی نقشه
 می توان با یک دستور تمامی کنترلهای پیش فرض روی نقشه را غیر فعال کرد
 برای این منظور از دستور زیر استفاده می کنیم :

 

disableDefaultUI:true
 
 مشاهده و اجرای برنامه کامل
 
فعال کردن تمام کنترلهای روی نقشه
 بعضی کنترلها بصورت پیش فرض روی نقشه می ایند ولی بقیه انها تا زمانیکه شما نگفته باشید روی نقشه نمی ایند
دستور نمایش یا عدم نمایش  این کنترلها درون شی ای از نوع map نوشته  می شوند
 برای مشاهده کنترلی مقدار ان را true و برای مخفی کردن ان مقدارش را false کنید
 
 دستورات زیر مقدار تمام کنترلها را true کرده است :

 

panControl:true,
zoomControl:true,
mapTypeControl:true,
scaleControl:true,
streetViewControl:true,
overviewMapControl:true,
rotateControl:true

 
 مشاهده و اجرای برنامه کامل
 
پیکر بندی کردن کنترلها
 چند تا از کنترلهای روی نقشه را می توان با تنظیم فیلدهایشان ،  پیکربندی نمود

 مثلا برای پیکربندی کنترل zoom می توان فیلد zoomControlOptions  را تنظیم کرد

این فیلد می تواند مقادیر زیر را بپذیرد :

 

  • google.maps.ZoomControlStyle.SMALL 

فقط - و + را برای بزرگ نمایی نمایش می دهد

  •  google.maps.ZoomControlStyle.LARGE

نوار لغزنده  و + و - را برای تنظیم بزرگ نمایی نقشه نمایش می دهد

  •  google.maps.ZoomControlStyle.DEFAULT

بر اساس اندازه نقشه و وسیله  بهترین حالت بزرگ نمایی را نمایش می دهد

 

مثال :

zoomControl:true,
zoomControlOptions
: {
  style
:google.maps.ZoomControlStyle.SMALL
}
 
 مشاهده و اجرای برنامه کامل
 در برنامه کامل هربار مقدار های متفاوت این فیلد را کپی کنید و روی دکمه submit code کلیک کنید تا اجرای هر حالت را مشاهده نمائید
 
 توجه داشته باشید برای تنظیم مقدار فیلدهای هر کنترل باید ابتدا ان کنترل را فعال کرده باشید .
 
 کنترل دیگری که می توان فیلدهای ان را تنظیم نمود ، MapType است
 گزینه های قابل تنظیم شدن برای این کنترل توسط فیلد mapTypeControlOptions انجام می شوند
 که این گزینه ها شامل موارد زیر هستند :
  •  google.maps.MapTypeControlStyle.HORIZONTAL_BAR : 

برای هر نوع از نقشه یک دکمه می گذارد

  •  google.maps.MapTypeControlStyle.DROPDOWN_MENU :

می توان توسط یک لیست باز شدنی نوع نقشه را انتخاب کرد

  •  google.maps.MapTypeControlStyle.DEFAULT :

حالت پیش فرض را نمایش خواهد داد

 

 مثال :

در این مثال روش تعیین مقدار برای این فیلد را مشاهده می کنید :

 

mapTypeControl:true,
mapTypeControlOptions: {
  style:google.maps.MapTypeControlStyle.DROPDOWN_MENU
}

 
 مشاهده و اجرای برنامه کامل
 
 شما همچنین می توانید با استفاده از ویژگی ControlPosition  محل قرار گیری کنترل را مشخص نمائید
 مثال :

 

mapTypeControl:true,
mapTypeControlOptions: {
  style:google.maps.MapTypeControlStyle.DROPDOWN_MENU,
  position:google.maps.ControlPosition.TOP_CENTER
}

 
 در ین مثال محل قرار گیری لیست انتخاب نوع نقشه بالا و وسط نقشه مشخص شده است
 مشاهده و اجرای برنامه کامل
 
 
کنترلهای مورد نظر خود را بسازید
 می خواهیم کنترلی بسازیم با عنوان home که با کلیک روی ان دوباره به اندن بر گردیم البته اگر قبلا نقشه جا به جا شده باشد
 
مشاهده و اجرای برنامه کامل
 
 دستورات اصلی برای ساختن کنترل مورد نظر :

 

controlDiv.style.padding = '5px';
var controlUI = document.createElement('div');
controlUI.style.backgroundColor = 'yellow';
controlUI.style.border='1px solid';
controlUI.style.cursor = 'pointer';
controlUI.style.textAlign = 'center';
controlUI.title = 'Set map to London';
controlDiv.appendChild(controlUI);
var controlText = document.createElement('div');
controlText.style.fontFamily='Arial,sans-serif';
controlText.style.fontSize='12px';
controlText.style.paddingLeft = '4px';
controlText.style.paddingRight = '4px';
controlText.innerHTML = '<b>Home<b>'
controlUI.appendChild(controlText);