Google Maps API 3

CHAPTER 4 ■ TAKING THE MAP FURTHER WITH MAPOPTIONS
Figure 4-6. The mapTypeControl positioned at the bottom
These positions are relative to the other controls in the map. So, if you have two controls at the same
position, the one added first will be the one closest to the edge of the map.
mapTypeIds
The map type control displays the different map types available for the user. You can control which map
types will appear with the help of the property mapTypeIds. It takes an array containing the different
MapType controls you want to use.
Listing 4-6 shows how to add ROADMAP and SATELLITE as possible choices for the mapControlType
control. Don’t worry if you find the syntax confusing. I will explain how arrays work in more detail in
Chapter 5.
Listing 4-6. The mapTypeControlOptions mapTypeIDs Property
var options = {
zoom: 3,
center: new google.maps.LatLng(37.09, -95.71),
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: true,
mapTypeControlOptions: {
mapTypeIds: [
google.maps.MapTypeId.ROADMAP,
google.maps.MapTypeId.SATELLITE
]
}
};
51