Kifaa cha Map ya Google

谷歌地图 - 默认控件

当显示标准的谷歌地图时,它提供了默认的控件集:

  • 缩放(Zoom) - 显示滑块或 "+/-" 按钮来控制地图的缩放级别
  • 平移(Pan) - 显示用于平移地图的平移控件
  • 地图类型(MapType) - 允许用户在地图类型(路线图和卫星图)之间切换
  • 街景(Street View) - 显示街景小人图标(Pegman icon),可以将其拖动到地图以启用街景

谷歌地图 - 更多控件

除了默认控件外,谷歌地图还提供:

  • 比例(Scale) - 显示地图比例元素
  • 旋转(Rotate) - 显示小型的圆形图标,允许您旋转地图
  • 概览地图(Overview Map) - 显示缩略图概览地图,反映更广泛区域内的当前地图视口

您可以规定在创建地图时显示哪些控件(在 MapOptions 内)或通过调用 setOptions() 来更改地图的选项。

谷歌地图 - 禁用默认控件

您可能希望关闭默认控件。

对此,请将地图的 disableDefaultUI 属性(在地图的选项对象内)设置为 true:

masheni

var mapOptions {disableDefaultUI: true}

Ramani ya Google - Inafungua kila kikapteni

Kwa kawaida kikapteni kilichopewa kwa mawasiliano kimepewa kwa mapokeo ya habari ya ramani; wengine wakichopewa wanasikia, hata iwe tu kwa kumaliza kwa kumaliza kwa kumaliza kwake kwamba itakazifichwa.

Tafadhali angalia mapokeo ya chaguo cha habari ya ramani ya kimaadili ya kimaadili kwa kurejea kimaadili au kutafuta kimaadili.

Kuweza kumaliza kikapteni kwa kumaliza kwake kwamba itakuwa muonekano - kumaliza kikapteni kwake kwamba itakazifichwa.

Hali hii inafungua kila kikapteni:

masheni

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 - Inaonyesha kikimbilio cha kuzingatia cha kipekee cha kikimbilio (kikimbilio cha kuzingatia cha kipekee)
  • google.maps.ZoomControlStyle.DEFAULT - Inaonyesha kikimbilio cha kuzingatia kwa kumekadiri ukirudiana wa kifaa na ukubwa wa picha

masheni

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

Kweli: Ikiwa inahitaji kubadilisha kikimbilio, kwanza tuwe na kuzingatia kikimbilio hiki (kuzingatia kwa kumegwa kwa true).

Makikimbilio mengine yanayotambulika ni MapType Control.

mapTypeControlOptions ya mawanda ina kufikiria mawasiliano ya kufanyika kwa kubadilisha kikimbilio. mapTypeControlOptions ya mawanda inaweza kuhataa:

  • google.maps.MapTypeControlStyle.HORIZONTAL_BAR - Inaonyesha kikimbilio cha kiwango kwa kila aina ya picha
  • google.maps.MapTypeControlStyle.DROPDOWN_MENU - Inaonyesha uwanja wa kuzingatia uendo wa haraka wa picha kwa menu ya kundifu
  • google.maps.MapTypeControlStyle.DEFAULT - Inaonyesha uendo wa 'kuwa msingi' (kwa kumekadiri ukirudiana wa ekranu)

masheni

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

Ina piaweza kuzingatia uwanja wa ControlPosition kwa kutambua kikimbilio:

masheni

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