Ở ví dụ trên chúng ta đã thêm một số phần tử cho phép tương tác của người sử dụng qua bản đồ. Chúng được biết đến như ‘controls’, và là lớp con của lớp ‘Gcontrol’.
Bạn có thể sử dụng một số ‘controls’ cơ bản mà Maps API xây dựng:
• GLargeMapControl : bộ điều chỉnh (cỡ lớn) cho sự quay/phóng to-nhỏ, nó hiển thị trên cùng bên trái của bản đồ.
• GSmallMapControl : bộ điều chỉnh sự (cỡ nhỏ) quay/phóng to-nhỏ, hiển thị trên cùng bên trái của bản đồ.
• GsmallZoomControl : một bộ điều chỉnh chỉ phóng to-nhỏ, nó sẽ hiển thị từng mức độ phóng trên bản đồ.
• GscaleControl : một thang đo xuất hiện trên bản đồ.
• GmapTypeControl : một button cho phép người sử dụng đảo chiều giữa các loại bản đồ (giống như Bản đồ và Vệ tinh)
• GOverviewMapControl : một bản đồ được rút gọn ở góc trái dưới cùng của màn hình.
- MapType Controls
Mặc định, Google Maps API cung cấp 3 loại bản đồ:
• G_NORMAL_MAP : hiển thị một bản đồ bình thường, như một bản đồ 2D
GEvent.addListener(map,"click", function(overlay,latlng) { if (latlng) {
var myHtml = "The GLatLng value is: " + map.fromLatLngToDivPixel(latlng) + "<br>" + " at zoom level " + map.getZoom();
map.openInfoWindow(latlng, myHtml); }
• G_SATELLITE_MAP : hiển thị một bản đồ ảnh.
• G_HYBRID_MAP : hiển thị một sự pha trộn các ảnh và các tính năng nổi bật ( đường, tên thành phố).
Bạn có thể thay đổi bản đồ đang sử dụng bằng Gmap2.removeMapType() hoặc thêm chúng với Gmap2.addMapType().
- Thêm Controls tới Map
Bạn thêm controls tới bản đồ bằng hàm addControl(). Như ví dụ được đưa ra ở trên chúng ta cũng có thể thực hiện nhiều lần việc thêm này: