谷歌离线地图 教程

Map 类参考

编辑时间:2017-03-06

Map 类

google.maps.Map 类

选构造函数
Map(mapDiv:Element,opts?:MapOptions)在给定的容器中创建地图
方法
fitBounds(bounds:LatLngBounds|LatLngBoundsLiteral)

Return Value:  None

设置视图在给定的警署范围之内

getBounds()

Return Value:  LatLngBounds

返回当前地图的视图

getCenter()

Return Value:  LatLng

返回地图的中心

getDiv()

Return Value:  Element

返回装载地图的容器

getMapTypeId()

Return Value:  string

返回当前地图的种类

getProjection()

Return Value:  Projection

返回地图的投影,若地图没有初始化完成,返回null

getZoom()

Return Value:  number

返回当前地图级别

panBy(x:number,y:number)

Return Value:  None

将地图移动给定的数值

panTo(latLng:LatLng|LatLngLiteral)

Return Value:  None

将地图移动到给定的经纬度值

panToBounds(latLngBounds:LatLngBounds|LatLngBoundsLiteral)

Return Value:  None

将地图移动到给定的区域中,同时尽可以的适配给定的区域

setCenter(latlng:LatLng|LatLngLiteral)

Return Value:  None

设置地图的中心点

setMapTypeId(mapTypeId:MapTypeId|string)

Return Value:  None

设置地图的种类

setOptions(options:MapOptions)

Return Value:  None

设置地图的属性

setZoom(zoom:number)

Return Value:  None

设置地图的级别



事件列表
bounds_changed

Arguments:  None

当地图的边界更改时触发此事件

center_changed

Arguments:  None

当地图的中心点更改触发此事件

click

Arguments:  MouseEvent

当地图被单击时触发此事件,但如果单击在Marker或InfoWindow 上,则不会触发此事件

dblclick

Arguments:  MouseEvent

当地图被双击时触发,同时也会触发单击事件

drag

Arguments:  None

在拖动过程中会连续的触发此事件

dragend

Arguments:  None

在拖动结束后触发此事件

dragstart

Arguments:  None

在地图拖动开始时触发此事件

heading_changed

Arguments:  None

This event is fired when the map heading property changes.

idle

Arguments:  None

在地图缩放或者移动后触发此事

maptypeid_changed

Arguments:  None

地图类型改变后触发此事件

mousemove

Arguments:  MouseEvent

当移动鼠标时触发此事件

mouseout

Arguments:  MouseEvent

当鼠标移动出地图容器时触发此事件

mouseover

Arguments:  MouseEvent

当鼠标移入地图容器时触发此事件

projection_changed

Arguments:  None

当地图投影改变时触发此事件

resize

Arguments:  None

地图容器改变时触发此方法,同时也应该执行如下方法将地图容器大小重新加载

google.maps.event.trigger(map, 'resize');

rightclick

Arguments:  MouseEvent

当鼠标右击地图时触发

tilesloaded

Arguments:  None

当地图瓦片加载完成时触发此事件


zoom_changed

Arguments:  None

地图级别变化时触发此事件



MapOptions 对象

google.maps.MapOptions 对象

属性
backgroundColor

Type:  string

当地图未加载时设置地图容器的背景色,只可以在初始化地图的时候设置

center

Type:  LatLng

初始化地图的中心点,必须

disableDefaultUI

Type:  boolean

是否启动默认的用户界面

disableDoubleClickZoom

Type:  boolean

是否启用双击缩放地图

draggable

Type:  boolean

是否启用拖拽

draggableCursor

Type:  string

当地图允许拖动时显示在地图上的图标,可以使用 css cursor 属性

draggingCursor

Type:  string

当地图拖动时显示的图标,例如:

draggingCursor: 'url(http://www.example.com/icon.png), auto;'.

keyboardShortcuts

Type:  boolean

是否允许键盘通过上下左右控制地图

mapTypeControl

Type:  boolean

是否显示地图种类,只有添加的地图种类大于2种时显示

mapTypeControlOptions

Type:  MapTypeControlOptions

设置地图种类控件的属性

mapTypeId

Type:  MapTypeId

默认地图的种类

maxZoom

Type:  number

最大级别

minZoom

Type:  number

最小级别

noClear

Type:  boolean

是否清空地图容器的中内容

scaleControl

Type:  boolean

是否显示比例尺控件

scaleControlOptions

Type:  ScaleControlOptions

设置比例尺控件

scrollwheel

Type:  boolean

是否允许鼠标滚轮缩放地图

zoom

Type:  number

默认显示地图的级别

zoomControl

Type:  boolean

是否显示缩放地图控件

zoomControlOptions

Type:  ZoomControlOptions

设置缩放地图控件属性