一个谷歌地图 - 与默认控件集：
谷歌地图 - 默认控件
当显示一个标准的谷歌地图，它带有默认控件集：
- 缩放-显示一个滑块或"+/-"按钮来控制地图的缩放级别
- 潘 - 显示平移控制平移地图
- 地图类型-让地图类型使用者切换(roadmap and satellite)
- 街景视图 - 显示街景小人图标，可以拖动到地图，使街景
谷歌地图 - 更多控件
除了默认控件，谷歌地图也有：
- 规模 - 显示地图比例尺元素
- 旋转 - 显示一个小圆圈图标，让你旋转地图
- 总览图 - 显示缩略图总览图，在更广阔的领域内当前的地图视
您可以指定它控制在创建地图时显示(inside MapOptions)或致电setOptions()来更改地图的选项。
谷歌地图 - 禁用默认控件
你可能会想关闭默认控件。
要做到这一点，设置地图的disableDefaultUI属性（在地图选项对象）设置为true：
谷歌地图 - 打开所有的控件
某些控件出现在地图上默认; 而其他人将不会出现，除非你进行设置。
从地图上添加或删除控制在地图选项对象指定。
设置控制为true，以使其可见 - 控制设置为false来隐藏它。
下面的示例打开"on"所有控制：
例
panControl:true,
zoomControl:true,
mapTypeControl:true,
scaleControl:true,
streetViewControl:true,
overviewMapControl:true,
rotateControl:true 试一试» 谷歌地图 - 修改控件
几个地图控件都是可配置的。
这些控制可以通过指定的控制选项字段进行修改。
例如，用于修改一个缩放控制选项在zoomControlOptions字段中指定。 在zoomControlOptions字段可能包含：
- google.maps.ZoomControlStyle.SMALL - 显示迷你缩放控件（仅+和 - 按钮）
- google.maps.ZoomControlStyle.LARGE - 显示标准缩放滑块控件
- google.maps.ZoomControlStyle.DEFAULT，用于 - 挑选根据器件和地图的大小最好的变焦控制
Note:如果您修改控制，总是能够控制第一(set it to true)
另一个可配置控制是MapType控件。
修改控制选项在mapTypeControlOptions中字段中指定。 该领域的mapTypeControlOptions可能含有::
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR - 显示每个地图类型一键
- google.maps.MapTypeControlStyle.DROPDOWN_MENU - 通过一个下拉菜单中选择地图类型
- google.maps.MapTypeControlStyle.DEFAULT会-显示"default"行为(depends on screen size)
例
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
} 试一试» 谷歌地图 - 自定义控件
创建一个自定义的控制总是带你回到伦敦，当点击(if the map is dragged) ：
例
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); 试一试»