Google Maps Controls

Google di tu - default kong jian

Dang xian shi zhuan zhi de Google di tu shi, ta tui gong default kong jian ji:

• Zhuo zhang (Zoom) - xian shi hua zhe huo "+/-%" an jian lai kong zhi di tu de zhao liang ji biao ji
• Ping tian (Pan) - xian shi yong yu ping tian di tu de ping tian kong jian
• Di tu lei xing (MapType) - rang yong hu zai di tu lei xing (lu xian tu he wei xing tu) zhi jian qie huan
• Jie jing (Street View) - xian shi jie jing xiao ren tiao xiang (Pegman icon), ke yi jing ta tao dong dao di tu yi shi jie jing

Google di tu - geng duo kong jian

Chu gu default kong jian wai, Google di tu hai tui gong:

• Bi li (Scale) - xian shi di tu bi li yuan su
• Xuan zhuan (Rotate) - xian shi xiao xing de yuan xing tiao xiang, rang ni xuan zhuan di tu
• Gai lan di tu (Overview Map) - xian shi shuo li tu gai lan di tu, fan she geng guan yuan qu yuan nei de dang qian di tu shi kou

Ni ke yi zheng ding zai chuang jian di tu shi xian na xie kong jian (zai MapOptions nei) huo tui dian huo jian setOptions() lai gai geng di tu de xuan ze.

Google di tu - qing yong default kong jian

Ni ken neng xu wang guan bi default kong jian.

Dui ci, qing jing she di tu de disableDefaultUI shu xing (zai di tu de xuan ze duan xiang nei) she zhi wei true:

实例

var mapOptions {disableDefaultUI: true}

Google di tu - dake quan bu kong jian

yi xie kong jian default hui chuxian zai di tu shang; er qi ta de zhe bu hui chuxian, dian shi ni she zhi ta men.

qing zai di tu xuan ze duan duan xiang zhong zheng ding xiang di tu tian jia huo shan chu de kong jian.

ting she kong jian wei true ke shi xian - ting she kong jian wei false ke yin cang ta.

tun tun dake kaiqi quan bu kong jian:

实例

var mapOptions {
  panControl: true,
  zoomControl: true,
  mapTypeControl: true,
  scaleControl: true,
  streetViewControl: true,
  overviewMapControl: true,
  rotateControl: true
}

谷歌地图 - 修改控件

一些地图控件是可配置的。

可以通过规定控件的选项字段来修改控件。

例如，在 zoomControlOptions 字段中规定了用于修改 Zoom 控件的选项。zoomControlOptions 字段可能包含：

• google.maps.ZoomControlStyle.SMALL - 显示迷你缩放控件（仅 + 和 - 按钮）
• google.maps.ZoomControlStyle.LARGE - 显示标准缩放滑块控件
• google.maps.ZoomControlStyle.DEFAULT - 根据设备和地图大小选择最佳缩放控件

实例

zoomControl: true,
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.SMALL
}

注意：如果要修改控件，请首先启用该控件（将其设置为 true）。

另一个可配置的控件是 MapType 控件。

mapTypeControlOptions 字段中规定了用于修改控件的选项。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
}