MapElement 类
google.maps.MapElement 类
MapElement 是用于渲染地图的 HTMLElement 子类。加载 maps 库后,即可在 HTML 中创建地图。例如:
<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID">
  <button slot="control-block-start-inline-end">Custom Control</button>
</gmp-map>在内部,它使用
Map,可通过 MapElement.innerMap 属性访问。
自定义元素:
<gmp-map center="lat,lng" heading-interaction-disabled internal-usage-attribution-ids="id1 id2" map-id="string" rendering-type="vector" tilt-interaction-disabled zoom="number"></gmp-map>
此类扩展了 HTMLElement。
此类实现了 MapElementOptions。
通过调用 const {MapElement} = await google.maps.importLibrary("maps") 进行访问。
请参阅 Maps JavaScript API 中的库。
构造函数 | |
|---|---|
MapElement | 
MapElement([options])参数:   
  | 
属性 | |
|---|---|
center | 
类型:   
LatLng|LatLngLiteral optional地图的中心纬度/经度。 
HTML 属性: 
  | 
headingInteractionDisabled | 
类型:   
boolean optional默认值:  
false地图是否应允许用户控制相机朝向(旋转)。此选项仅在地图为矢量地图时有效。如果未在代码中设置,则使用地图 ID 的云配置(如果有)。 
HTML 属性: 
  | 
innerMap | 
类型:   
Map对 MapElement 在内部使用的  Map 的引用。 | 
internalUsageAttributionIds | 
类型:   
Iterable<string> optional默认值:  
null向初始化程序添加了使用情况归因 ID,这有助于 Google 了解哪些库和示例对开发者有帮助,例如标记聚类库的使用情况。如需选择不发送使用情况归因 ID,可以安全地删除此属性或将该值替换为空字符串。系统只会发送唯一值。实例化后对此值所做的更改可能会被忽略。 
HTML 属性: 
  | 
mapId | 
类型:   
string optional地图的地图 ID。实例化地图后,无法设置或更改此参数。 
Map.DEMO_MAP_ID 可用于试用需要地图 ID 但不需要启用云的功能。HTML 属性: 
  | 
renderingType | 
类型:   
RenderingType optional默认值:  
RenderingType.VECTOR地图应为光栅地图还是矢量地图。实例化地图后,无法设置或更改此参数。如果未设置,则地图 ID 的云配置将确定渲染类型(如果可用)。请注意,矢量地图可能不适用于所有设备和浏览器,并且地图会根据需要回退为光栅地图。 
HTML 属性: 
  | 
tiltInteractionDisabled | 
类型:   
boolean optional默认值:  
false地图是否应允许用户控制相机倾斜度。此选项仅在地图为矢量地图时有效。如果未在代码中设置,则使用地图 ID 的云配置(如果有)。 
HTML 属性: 
  | 
zoom | 
类型:   
number optional地图的缩放级别。有效的缩放值是介于 0 到支持的最大缩放级别之间的数字。缩放值越大,分辨率越高。 
HTML 属性: 
  | 
方法 | |
|---|---|
addEventListener | 
addEventListener(type, listener[, options])参数:   
 返回值:   
void设置一个函数,每当指定事件传递到目标时,系统都会调用该函数。请参阅 addEventListener。  | 
removeEventListener | 
removeEventListener(type, listener[, options])参数:   
 返回值:   
void从目标中移除之前通过 addEventListener 注册的事件监听器。请参阅 removeEventListener。  | 
事件 | |
|---|---|
gmp-zoomchange | 
function(event)实参:   
 当地图缩放属性更改时会触发此事件。  | 
MapElementOptions 接口
google.maps.MapElementOptions
接口
用于定义可在 MapElement 上设置的属性的 MapElementOptions 对象。
属性 | |
|---|---|
center optional | 
类型:   
LatLng|LatLngLiteral optional请参阅  MapElement.center。 | 
headingInteractionDisabled optional | 
类型:   
boolean optional | 
internalUsageAttributionIds optional | 
类型:   
Iterable<string> optional | 
mapId optional | 
类型:   
string optional请参阅  MapElement.mapId。 | 
renderingType optional | 
类型:   
RenderingType optional | 
tiltInteractionDisabled optional | 
类型:   
boolean optional | 
zoom optional | 
类型:   
number optional请参阅  MapElement.zoom。 | 
ZoomChangeEvent 类
google.maps.ZoomChangeEvent 类
此事件是从监控缩放更改创建的。
此类扩展了 Event。
通过调用 const {ZoomChangeEvent} = await google.maps.importLibrary("maps") 进行访问。
请参阅 Maps JavaScript API 中的库。
Map 类
google.maps.Map 类
此类扩展了 MVCObject。
通过调用 const {Map} = await google.maps.importLibrary("maps") 进行访问。
请参阅 Maps JavaScript API 中的库。
构造函数 | |
|---|---|
Map | 
Map(mapDiv[, opts])参数:   
 在指定 HTML 容器(通常是  DIV 元素)中创建新地图。 | 
常量 | |
|---|---|
DEMO_MAP_ID | 
可用于需要地图 ID 的代码示例的地图 ID。此地图 ID 不适用于生产应用,也不能用于需要云配置的功能(例如云端样式设置)。 | 
属性 | |
|---|---|
controls | 
类型:   
Array<MVCArray<HTMLElement>>附加到地图的其他控件。如需向地图添加控件,请将控件的  <div> 添加到与应呈现该控件的 ControlPosition 对应的 MVCArray。 | 
data | 
类型:   
Data绑定到地图的  Data 实例。向此 Data 对象添加地图项,以便在地图上方便地显示它们。 | 
mapTypes | 
类型:   
MapTypeRegistry按字符串 ID 注册的  MapType 实例。 | 
overlayMapTypes | 
 要叠加的其他地图类型。叠加层地图类型将按照在  overlayMapTypes 数组中出现的顺序,在其附加到的基本地图上叠加显示(叠加层的索引值越高,显示位置就越靠前)。 | 
方法 | |
|---|---|
fitBounds | 
fitBounds(bounds[, padding])参数:   
 返回值:无 
用于设置视口,使其包含指定边界。 注意:当地图设置为 display: none 时,fitBounds 函数会将地图的大小读取为 0x0,因此不会执行任何操作。如需在地图处于隐藏状态时更改视口,请将地图设置为 visibility: hidden,从而确保地图 div 具有实际大小。对于矢量地图,此方法会将地图的倾斜度和航向设置为默认的零值。调用此方法可能会导致地图平移和缩放以适应边界,从而产生流畅的动画效果。此方法是否会进行动画处理取决于内部启发式方法。 | 
getBounds | 
getBounds()参数:无 
返回值:   
LatLngBounds|undefined 当前视口的纬度和经度范围。用于返回当前视口的纬度/经度范围。如果显示了多个世界副本,则经度范围为 -180 到 180 度(含)。如果地图尚未初始化或尚未设置中心和缩放级别,则结果为  undefined。对于倾斜度或航向不为零的矢量地图,返回的纬度/经度边界表示包含地图视口可见区域的最小边界框。如需获取地图视口的精确可见区域,请参阅 MapCanvasProjection.getVisibleRegion。 | 
getCenter | 
getCenter()参数:无 
返回值:   
LatLng|undefined | 
getClickableIcons | 
getClickableIcons()参数:无 
返回值:   
boolean|undefined返回地图图标的可点击性。地图图标表示地图注点 (POI)。如果返回的值为  true,则地图上的图标可点击。 | 
 | 
getDatasetFeatureLayer(datasetId)参数:   
 返回值:   
FeatureLayer返回指定  datasetId 的 FeatureLayer。必须在 Google Cloud 控制台中配置数据集 ID。如果数据集 ID 未与地图的地图样式相关联,或者数据驱动型样式不可用(没有地图 ID、没有矢量图块、没有在地图样式中配置的数据驱动型样式功能图层或数据集),则会记录错误,并且生成的 FeatureLayer.isAvailable 将为 false。 | 
getDiv | 
getDiv()参数:无 
返回值:   
HTMLElement 地图的 mapDiv。 | 
getFeatureLayer | 
getFeatureLayer(featureType)参数:   
 返回值:   
FeatureLayer返回特定  FeatureType 的 FeatureLayer。必须在 Google Cloud 控制台中启用 FeatureLayer。如果此地图上不存在指定 FeatureType 的 FeatureLayer,或者如果数据驱动的样式设置不可用(没有地图 ID、没有矢量图块,并且地图样式中未启用 FeatureLayer),则会记录错误,并且生成的 FeatureLayer.isAvailable 将为 false。 | 
getHeading | 
getHeading()参数:无 
返回值:   
number|undefined返回地图的罗盘方向。方向角值以度为单位(顺时针)从正北方向开始测量。如果地图尚未初始化,则结果为  undefined。 | 
getHeadingInteractionEnabled | 
getHeadingInteractionEnabled()参数:无 
返回值:   
boolean|null返回是否已启用标题互动。此选项仅在地图为矢量地图时有效。如果未在代码中设置,则使用地图 ID 的云配置(如果有)。  | 
getInternalUsageAttributionIds | 
getInternalUsageAttributionIds()参数:无 
返回值:   
Iterable<string>|null返回使用情况归因 ID 的列表,这些 ID 可帮助 Google 了解哪些库和示例对开发者有帮助,例如标记聚类库的使用情况。  | 
getMapCapabilities | 
getMapCapabilities()参数:无 
返回值:   
MapCapabilities根据提供的地图 ID,告知调用方地图的当前可用功能。  | 
getMapTypeId | 
getMapTypeId()参数:无 
返回值:   
MapTypeId|string|undefined | 
getProjection | 
getProjection()参数:无 
返回值:   
Projection|undefined返回当前  Projection。如果地图尚未初始化,则结果为 undefined。监听 projection_changed 事件并检查其值,确保该值不是 undefined。 | 
getRenderingType | 
getRenderingType()参数:无 
返回值:   
RenderingType返回地图的当前 RenderingType。  | 
getStreetView | 
getStreetView()参数:无 
返回值:   
StreetViewPanorama 绑定到地图的全景。返回与地图绑定的默认  StreetViewPanorama,该 StreetViewPanorama 可能是嵌入在地图中的默认全景图片,也可能是使用 setStreetView() 设置的全景图片。对地图的 streetViewControl 所做的更改将反映在相应绑定全景的显示中。 | 
getTilt | 
getTilt()参数:无 
返回值:   
number|undefined返回地图的当前入射角,以度为单位,从视口平面到地图平面。对于光栅地图,如果图像是直接从上方拍摄的,结果将为  0;如果是 45° 角航拍图像,结果将为 45。此方法不会返回由 setTilt 设置的值。如需了解详情,请参阅 setTilt。 | 
getTiltInteractionEnabled | 
getTiltInteractionEnabled()参数:无 
返回值:   
boolean|null返回倾斜互动是否已启用。此选项仅在地图为矢量地图时有效。如果未在代码中设置,则使用地图 ID 的云配置(如果有)。  | 
getZoom | 
getZoom()参数:无 
返回值:   
number|undefined返回地图的缩放级别。如果未设置缩放,则结果为  undefined。 | 
moveCamera | 
moveCamera(cameraOptions)参数:   
 返回值:无 
立即将地图的相机设置为目标相机选项,不使用动画。  | 
panBy | 
panBy(x, y)参数:   
 返回值:无 
将地图中心移动一段指定的距离(以像素为单位)。如果这段距离既小于地图的宽度,又小于地图的高度,那么移动的动画效果将会十分流畅。请注意,地图坐标系的 x 值从西向东增加,y 值从北向南增加。  | 
panTo | 
panTo(latLng)参数:   
 返回值:无 
将地图的中心更改为给定的  LatLng。如果更改幅度既小于地图的宽度,又小于地图的高度,那么移动的动画效果将会十分流畅。 | 
panToBounds | 
panToBounds(latLngBounds[, padding])参数:   
 返回值:无 
平移地图,使地图包含给定的  LatLngBounds,平移的幅度为所需的最小值。它不保证边界在地图上的位置,但会平移地图,以便在 {currentMapSizeInPx} - {padding} 内尽可能多地显示边界。对于光栅地图和矢量地图,地图的缩放、倾斜度和方向都不会改变。 | 
setCenter | 
setCenter(latlng)参数:   
 返回值:无 
 | 
setClickableIcons | 
setClickableIcons(value)参数:   
 返回值:无 
控制地图图标是否可点击。地图图标表示地图注点 (POI)。如需停用地图图标的可点击性,请向此方法传递值  false。 | 
setHeading | 
setHeading(heading)参数:   
 返回值:无 
设置地图的罗盘航向,以相对于正北方的角度(以度为单位)来表示。对于栅格地图,此方法仅适用于航空影像。  | 
setHeadingInteractionEnabled | 
setHeadingInteractionEnabled(headingInteractionEnabled)参数:   
 返回值:无 
设置是否启用标题互动。此选项仅在地图为矢量地图时有效。如果未在代码中设置,则使用地图 ID 的云配置(如果有)。  | 
setMapTypeId | 
setMapTypeId(mapTypeId)参数:   
 返回值:无 
 | 
setOptions | 
setOptions(options)参数:   
 返回值:无 
 | 
setRenderingType | 
setRenderingType(renderingType)参数:   
 返回值:无 
设置地图的当前 RenderingType。  | 
setStreetView | 
setStreetView(panorama)参数:   
 返回值:无 
将  StreetViewPanorama 绑定到地图。此全景会替换默认的 StreetViewPanorama,从而允许地图绑定到地图外部的外部全景。将全景设置为 null 会将默认嵌入式全景重新绑定到地图。 | 
setTilt | 
setTilt(tilt)参数:   
 返回值:无 
对于矢量地图,设置地图的入射角。允许的值会根据地图的缩放级别受到限制。 对于光栅地图,控制地图入射角的自动切换行为。唯一允许的值是 0 和 45。setTilt(0) 会使地图始终使用 0° 俯视图,无论缩放级别和视口如何。setTilt(45) 会导致倾斜角度在当前缩放级别和视口有 45° 角航拍图像时自动切换到 45,在没有 45° 角航拍图像时切换回 0(这是默认行为)。45° 角航拍图像仅适用于 satellite 和 hybrid 地图类型,且仅在部分位置和部分缩放级别下提供。注意: getTilt 返回的是当前倾斜角度,而不是由 setTilt 设置的值。由于 getTilt 和 setTilt 指的是不同的事物,因此请勿对 tilt 属性进行 bind();这样做可能会产生不可预测的影响。 | 
setTiltInteractionEnabled | 
setTiltInteractionEnabled(tiltInteractionEnabled)参数:   
 返回值:无 
设置是否启用倾斜互动。此选项仅在地图为矢量地图时有效。如果未在代码中设置,则使用地图 ID 的云配置(如果有)。  | 
setZoom | 
setZoom(zoom)参数:   
 返回值:无 
设置地图的缩放级别。  | 
继承自:
addListener、bindTo、get、notify、set、setValues、unbind、unbindAll
 | |
事件 | |
|---|---|
bounds_changed | 
function()参数:None 
当可视区域范围更改时会触发此事件。  | 
center_changed | 
function()参数:None 
当地图中心属性更改时会触发此事件。  | 
click | 
function(event)实参:   
 当用户点击地图时,系统会触发此事件。系统会返回一个包含点击位置属性的 MapMouseEvent,除非点击的是地点图标,在这种情况下,系统会返回一个包含地点 ID 的 IconMouseEvent。IconMouseEvent 和 MapMouseEvent 完全相同,只是 IconMouseEvent 具有地点 ID 字段。如果地点 ID 不重要,则始终可以将该事件视为 MapMouseEvent。如果点击的是标记或信息窗口,则不会触发点击事件。  | 
contextmenu | 
function(event)实参:   
 在地图容器中触发 DOM contextmenu 事件时会触发此事件。  | 
dblclick | 
function(event)实参:   
 当用户双击地图时,系统会触发此事件。请注意,点击事件有时会在该事件之前触发一次,有时会触发两次。  | 
drag | 
function()参数:None 
当用户拖动地图时会反复触发此事件。  | 
dragend | 
function()参数:None 
当用户停止拖动地图时触发此事件。注意:当用户使用键盘停止平移地图时,不会触发 dragend。请改用  Map.idle 事件来确定用户何时停止平移或拖动地图。 | 
dragstart | 
function()参数:None 
当用户开始拖动地图时会触发此事件。  | 
heading_changed | 
function()参数:None 
当地图方向属性更改时会触发此事件。  | 
idle | 
function()参数:None 
如果地图在平移或缩放之后变为闲置状态,则会触发此事件。  | 
isfractionalzoomenabled_changed | 
function()参数:None 
当 isFractionalZoomEnabled 属性发生更改时,会触发此事件。  | 
mapcapabilities_changed | 
function()参数:None 
此事件会在地图功能发生变化时触发。  | 
maptypeid_changed | 
function()参数:None 
当 mapTypeId 属性更改时会触发此事件。  | 
mousemove | 
function(event)实参:   
 只要用户的鼠标在地图容器上移动,就会触发此事件。  | 
mouseout | 
function(event)实参:   
 当用户的鼠标从地图容器上退出时会触发此事件。  | 
mouseover | 
function(event)实参:   
 当用户的鼠标进入地图容器时会触发此事件。  | 
projection_changed | 
function()参数:None 
当投影更改时会触发此事件。  | 
renderingtype_changed | 
function()参数:None 
当 renderingType 发生变化时,系统会触发此事件。  | 
tilesloaded | 
function()参数:None 
可见图块载入完成后会触发此事件。  | 
tilt_changed | 
function()参数:None 
当地图倾斜属性更改时会触发此事件。  | 
zoom_changed | 
function()参数:None 
当地图缩放属性更改时会触发此事件。  | 
 | 
function(event)实参:   
 当用户在地图上点击鼠标右键时,系统会触发此事件。  | 
MapOptions 接口
google.maps.MapOptions
接口
用于定义可在地图上设置的属性的 MapOptions 对象。
属性 | |
|---|---|
backgroundColor optional | 
类型:   
string optional用于地图 div 背景的颜色。在用户平移地图时,如果图块尚未完成加载,则会显示此颜色。仅在启动地图时,才能设置此选项。  | 
cameraControl optional | 
类型:   
boolean optional摄像头控件的启用/停用状态。  | 
cameraControlOptions optional | 
类型:   
CameraControlOptions optional相机控件的显示选项。  | 
center optional | 
类型:   
LatLng|LatLngLiteral optional初始的地图中心。  | 
clickableIcons optional | 
类型:   
boolean optional默认值:  
true当值为  false 时,地图图标不可点击。地图图标表示地图注点 (POI)。 | 
colorScheme optional | 
类型:   
ColorScheme|string optional默认值:  
ColorScheme.LIGHT初始地图配色方案。仅在启动地图时,才能设置此选项。  | 
controlSize optional | 
类型:   
number optional地图上显示的控件的大小(以像素为单位)。创建地图时必须直接提供此值,稍后更新此值可能会使控件进入  undefined 状态。仅控制由 Maps API 本身创建的控件。不会缩放开发者创建的自定义控件。 | 
disableDefaultUI optional | 
类型:   
boolean optional启用/停用所有默认界面按钮。可以单独替换。不会停用键盘控件,键盘控件由  MapOptions.keyboardShortcuts 选项单独控制。不会停用手势控制,手势控制由 MapOptions.gestureHandling 选项单独控制。 | 
disableDoubleClickZoom optional | 
类型:   
boolean optional启用/停用在双击时缩放并居中。默认处于启用状态。 注意:不建议使用此属性。如需停用双击缩放功能,您可以使用   | 
 | 
类型:   
boolean optional如果值为  false,则禁止拖动地图。默认情况下启用拖动。 | 
draggableCursor optional | 
类型:   
string optional当鼠标悬停在可拖动的地图上时要显示的指针的名称或网址。此属性使用 CSS  cursor 属性来更改图标。与 CSS 属性一样,您必须指定至少一个非网址的后备光标。例如:draggableCursor: 'url(http://www.example.com/icon.png), auto;'。 | 
draggingCursor optional | 
类型:   
string optional拖动地图时要显示的指针的名称或网址。此属性使用 CSS  cursor 属性来更改图标。与 CSS 属性一样,您必须指定至少一个非网址的后备光标。例如:draggingCursor: 'url(http://www.example.com/icon.png), auto;'。 | 
fullscreenControl optional | 
类型:   
boolean optional全屏控件的启用/停用状态。  | 
fullscreenControlOptions optional | 
类型:   
FullscreenControlOptions optional全屏控件的显示选项。  | 
gestureHandling optional | 
类型:   
string optional此设置用于控制 API 如何处理地图上的手势。允许的值: 
  | 
heading optional | 
类型:   
number optional航拍图像的方向值按顺时针方向计算(以度为单位),基本方向为北方。方向会与可以查看到图像的距离最近的可用角度相对齐。  | 
headingInteractionEnabled optional | 
类型:   
boolean optional默认值:  
false地图是否应允许用户控制相机朝向(旋转)。此选项仅在地图为矢量地图时有效。如果未在代码中设置,则使用地图 ID 的云配置(如果有)。  | 
internalUsageAttributionIds optional | 
类型:   
Iterable<string> optional默认值:  
null向初始化程序添加了使用情况归因 ID,这有助于 Google 了解哪些库和示例对开发者有帮助,例如标记聚类库的使用情况。如需选择不发送使用情况归因 ID,可以安全地删除此属性或将该值替换为空字符串。系统只会发送唯一值。实例化后对此值所做的更改可能会被忽略。  | 
isFractionalZoomEnabled optional | 
类型:   
boolean optional默认值:矢量地图为  
true,光栅地图为 false地图是否应允许小数缩放级别。监听  isfractionalzoomenabled_changed 以了解何时设置了默认值。 | 
keyboardShortcuts optional | 
类型:   
boolean optional如果值为  false,则防止通过键盘控制地图。默认情况下启用键盘快捷键。 | 
mapId optional | 
类型:   
string optional地图的地图 ID。实例化地图后,无法设置或更改此参数。 Map.DEMO_MAP_ID 可用于试用需要地图 ID 但不需要启用云的功能。 | 
mapTypeControl optional | 
类型:   
boolean optional地图类型控件的初始启用/停用状态。  | 
mapTypeControlOptions optional | 
类型:   
MapTypeControlOptions optional地图类型控件的初始显示选项。  | 
mapTypeId optional | 
类型:   
MapTypeId|string optional初始 Map 的 mapTypeId。默认为  ROADMAP。 | 
maxZoom optional | 
类型:   
number optional将会在地图上显示的最大缩放级别。如果省略此参数或将其设置为  null,则系统会改用当前地图类型的最大缩放级别。有效的缩放值是介于 0 到支持的最大缩放级别之间的数字。 | 
minZoom optional | 
类型:   
number optional将会在地图上显示的最小缩放级别。如果省略此参数或将其设置为  null,则改用当前地图类型的最小缩放级别。有效的缩放值是介于 0 到支持的最大缩放级别之间的数字。 | 
noClear optional | 
类型:   
boolean optional如果为  true,则不清除 Map div 的内容。 | 
 | 
类型:   
boolean optional平移控件的启用/停用状态。  | 
 | 
类型:   
PanControlOptions optional平移控件的显示选项。  | 
renderingType optional | 
类型:   
RenderingType optional默认值:  
RenderingType.RASTER地图应为光栅地图还是矢量地图。实例化地图后,无法设置或更改此参数。如果未设置,则地图 ID 的云配置将确定渲染类型(如果可用)。请注意,矢量地图可能不适用于所有设备和浏览器,并且地图会根据需要回退为光栅地图。  | 
restriction optional | 
类型:   
MapRestriction optional定义一个边界,用于限制用户可访问的地图区域。设置后,用户只能在相机视图保持在边界限制范围内时进行平移和缩放。  | 
rotateControl optional | 
类型:   
boolean optional旋转控件的启用/停用状态。  | 
rotateControlOptions optional | 
类型:   
RotateControlOptions optional旋转控件的显示选项。  | 
scaleControl optional | 
类型:   
boolean optional比例控件的初始启用/停用状态。  | 
scaleControlOptions optional | 
类型:   
ScaleControlOptions optional比例控件的初始显示选项。  | 
scrollwheel optional | 
类型:   
boolean optional如果值为  false,则禁止使用鼠标滚轮缩放地图。滚轮默认处于启用状态。注意:不建议使用此属性。如需停用使用滚轮进行的缩放,您可以使用   | 
streetView optional | 
类型:   
StreetViewPanorama optional当街景小人放置在地图上时显示的  StreetViewPanorama。如果未指定全景图,则在放置 Pegman 时,地图的 div 中会显示默认的 StreetViewPanorama。 | 
streetViewControl optional | 
类型:   
boolean optional街景小人控件的初始启用/停用状态。此控件是默认界面的一部分,在显示不应显示街景道路叠加层的地图类型(例如非地球地图类型)时,应将其设置为  false。 | 
streetViewControlOptions optional | 
类型:   
StreetViewControlOptions optionalStreet View 街景小人控件的初始显示选项。  | 
styles optional | 
类型:   
Array<MapTypeStyle> optional要应用于每种默认地图类型的样式。请注意,对于  satellite/hybrid 和 terrain 模式,这些样式仅适用于标签和几何图形。使用地图 ID 或矢量地图时,此功能不可用(请改用云端地图样式设置)。 | 
tilt optional | 
类型:   
number optional对于矢量地图,设置地图的入射角。允许的值会根据地图的缩放级别受到限制。对于光栅地图,控制地图入射角的自动切换行为。唯一允许的值是  0 和 45。值 0 会使地图始终使用 0° 俯视图,无论缩放级别和视口如何。值 45 会导致倾斜角度在以下情况下自动切换到 45:当前缩放级别和视口有 45° 角航拍图像可用;在以下情况下自动切换回 0:没有 45° 角航拍图像可用(这是默认行为)。45° 角航拍图像仅适用于 satellite 和 hybrid 地图类型,且仅在部分位置和部分缩放级别下提供。注意: getTilt 返回的是当前倾斜角度,而不是此选项指定的值。由于 getTilt 和此选项指的是不同的内容,因此请勿 bind() tilt 属性;这样做可能会产生不可预测的效果。 | 
tiltInteractionEnabled optional | 
类型:   
boolean optional默认值:  
false地图是否应允许用户控制相机倾斜度。此选项仅在地图为矢量地图时有效。如果未在代码中设置,则使用地图 ID 的云配置(如果有)。  | 
zoom optional | 
类型:   
number optional初始地图缩放级别。有效的缩放值是介于 0 到支持的最大缩放级别之间的数字。缩放值越大,分辨率越高。  | 
zoomControl optional | 
类型:   
boolean optional缩放控件的启用/停用状态。  | 
zoomControlOptions optional | 
类型:   
ZoomControlOptions optional缩放控件的显示选项。  | 
MapTypeStyle 接口
google.maps.MapTypeStyle
接口
MapTypeStyle 是选择器和样式器的集合,用于定义地图的样式设置方式。选择器用于指定应受影响的地图项和/或元素,而样式器用于指定应如何修改这些地图项和元素。如需了解详情,请参阅样式参考文档。
属性 | |
|---|---|
stylers | 
 要应用于所选地图项和元素的样式规则。系统会按照您在此数组中指定的顺序应用规则。如需了解使用指南和允许的值,请参阅样式参考。  | 
elementType optional | 
类型:   
string optional应应用样式的元素。元素是地图上地图项的视觉方面。例如,标签、图标、应用于几何图形的描边或填充等等。可选。如果未指定  elementType,系统会假定该值为 'all'。如需详细了解用法和允许的值,请参阅样式参考。 | 
featureType optional | 
类型:   
string optional | 
MapMouseEvent 接口
google.maps.MapMouseEvent
接口
此对象由地图和叠加层上的各种鼠标事件返回,包含如下所示的所有字段。
属性 | |
|---|---|
domEvent | 
 对应的原生 DOM 事件。开发者不应依赖于  target、currentTarget、relatedTarget 和 path 属性的定义和一致性。开发者也不应依赖 Maps API 内部实现的 DOM 结构。由于内部事件映射,domEvent 可能与 MapMouseEvent 具有不同的语义(例如,MapMouseEvent“点击”可能具有 KeyboardEvent 类型的 domEvent)。 | 
latLng optional | 
类型:   
LatLng optional发生事件时在光标下方显示的纬度/经度。  | 
方法 | |
|---|---|
stop | 
stop()参数:无 
返回值:   
void防止此事件进一步传播。  | 
IconMouseEvent 接口
google.maps.IconMouseEvent
接口
当用户点击地图上的图标时,系统会在事件中发送此对象。相应地点的地点 ID 存储在 placeId 成员中。如需防止显示默认信息窗口,请对此事件调用 stop() 方法,以防止其传播。如需详细了解地点 ID,请参阅 Places API 开发者指南。
此接口扩展了 MapMouseEvent。
属性 | |
|---|---|
placeId optional | 
类型:   
string optional被点击的地点的地点 ID。此地点 ID 可用于查询有关所点击功能的更多信息。 如需详细了解地点 ID,请参阅 Places API 开发者指南。  | 
继承自:
domEvent、
latLng
 | |
方法 | |
|---|---|
继承自:
stop
 | 
ColorScheme 常量
google.maps.ColorScheme 常量
地图配色方案的标识符。您可以通过值或使用常量的名称来指定这些参数。例如,'FOLLOW_SYSTEM' 或 google.maps.ColorScheme.FOLLOW_SYSTEM。
通过调用 const {ColorScheme} = await google.maps.importLibrary("core") 进行访问。
请参阅 Maps JavaScript API 中的库。
常量 | |
|---|---|
DARK | 
地图的深色配色方案。 | 
FOLLOW_SYSTEM | 
颜色方案是根据系统偏好设置选择的,系统偏好设置会在方法执行时检查一次。 | 
LIGHT | 
地图的浅色主题。旧版 Maps JavaScript 的默认值。 | 
MapTypeId 常量
google.maps.MapTypeId 常量
常见 MapType 的标识符。您可以通过值或使用常量的名称来指定这些参数。例如,'satellite' 或 google.maps.MapTypeId.SATELLITE。
通过调用 const {MapTypeId} = await google.maps.importLibrary("maps") 进行访问。
请参阅 Maps JavaScript API 中的库。
常量 | |
|---|---|
HYBRID | 
该地图类型显示卫星图像上的主要街道透明层。 | 
ROADMAP | 
该地图类型显示普通的街道地图。 | 
SATELLITE | 
该地图类型用于显示卫星图像。 | 
TERRAIN | 
该地图类型显示带有自然特征(如地形和植被)的地图。 | 
MapTypeRegistry 类
google.maps.MapTypeRegistry 类
一个 MapType 实例注册表,以 MapType ID 为键。
此类扩展了 MVCObject。
通过调用 const {MapTypeRegistry} = await google.maps.importLibrary("maps") 进行访问。
请参阅 Maps JavaScript API 中的库。
构造函数 | |
|---|---|
MapTypeRegistry | 
MapTypeRegistry()参数:无 
MapTypeRegistry 用于保存地图可供使用的自定义地图类型的集合。例如,当在控件中提供可用地图类型的列表时,API 会查询此注册表。 | 
方法 | |
|---|---|
set | 
set(id, mapType)参数:   
 返回值:无 
设置注册表以将传递的字符串标识符与传递的 MapType 相关联。  | 
继承自:
addListener、bindTo、get、notify、setValues、unbind、unbindAll
 | |
MapRestriction 接口
google.maps.MapRestriction
接口
可应用于地图的限制。地图的视口不会超出这些限制。
属性 | |
|---|---|
latLngBounds | 
 设置后,用户只能在指定边界内平移和缩放。边界可以同时限制经度和纬度,也可以仅限制纬度。对于仅限纬度的边界,请分别使用 -180 和 180 作为西经度和东经度,例如  latLngBounds: {north: northLat, south: southLat, west: -180, east: 180}。 | 
strictBounds optional | 
类型:   
boolean optional通过将  strictBounds 标志设置为 true,可以使边界更加严格。这样可减少用户可缩小的程度,确保限制范围之外的所有内容保持隐藏状态。默认值为 false,表示用户可以缩小视图,直到整个有界区域都显示在视图中,可能包括有界区域之外的区域。 | 
TrafficLayer 类
google.maps.TrafficLayer 类
路况图层。
此类扩展了 MVCObject。
通过调用 const {TrafficLayer} = await google.maps.importLibrary("maps") 进行访问。
请参阅 Maps JavaScript API 中的库。
构造函数 | |
|---|---|
TrafficLayer | 
TrafficLayer([opts])参数:   
 显示当前路况的图层。  | 
方法 | |
|---|---|
getMap | 
getMap()参数:无 
返回值:   
Map|null传回在其上显示此图层的地图。  | 
setMap | 
setMap(map)参数:   
 返回值:无 
在指定地图上渲染此图层。如果将地图设置为  null,则会移除相应图层。 | 
setOptions | 
setOptions(options)参数:   
 返回值:无 
 | 
继承自:
addListener、bindTo、get、notify、set、setValues、unbind、unbindAll
 | |
TrafficLayerOptions 接口
google.maps.TrafficLayerOptions
接口
用于定义可在 TrafficLayer 上设置的属性的 TrafficLayerOptions 对象。
属性 | |
|---|---|
autoRefresh optional | 
类型:   
boolean optional默认值:  
true流量图层是否会自动刷新以显示更新后的信息。  | 
map optional | 
类型:   
Map optional要在其上显示路况图层的地图。  | 
TransitLayer 类
google.maps.TransitLayer 类
公交图层。
此类扩展了 MVCObject。
通过调用 const {TransitLayer} = await google.maps.importLibrary("maps") 进行访问。
请参阅 Maps JavaScript API 中的库。
构造函数 | |
|---|---|
TransitLayer | 
TransitLayer()参数:无 
显示公交线路的图层。  | 
方法 | |
|---|---|
getMap | 
getMap()参数:无 
返回值:   
Map|null传回在其上显示此图层的地图。  | 
setMap | 
setMap(map)参数:   
 返回值:   
void在指定地图上渲染此图层。如果将地图设置为  null,则会移除相应图层。 | 
继承自:
addListener、bindTo、get、notify、set、setValues、unbind、unbindAll
 | |
BicyclingLayer 类
google.maps.BicyclingLayer 类
显示自行车道和路径的图层。
此类扩展了 MVCObject。
通过调用 const {BicyclingLayer} = await google.maps.importLibrary("maps") 进行访问。
请参阅 Maps JavaScript API 中的库。
构造函数 | |
|---|---|
BicyclingLayer | 
BicyclingLayer()参数:无 
显示自行车道和路径并表示大型道路的图层。  | 
方法 | |
|---|---|
getMap | 
getMap()参数:无 
返回值:   
Map|null传回在其上显示此图层的地图。  | 
setMap | 
setMap(map)参数:   
 返回值:   
void在指定地图上渲染此图层。如果将地图设置为  null,则会移除相应图层。 | 
继承自:
addListener、bindTo、get、notify、set、setValues、unbind、unbindAll
 | |
CameraOptions 接口
google.maps.CameraOptions
接口
用于设置地图的相机选项。
属性 | |
|---|---|
center optional | 
类型:   
LatLngLiteral|LatLng optional | 
heading optional | 
类型:   
number optional | 
tilt optional | 
类型:   
number optional | 
zoom optional | 
类型:   
number optional | 
VisibleRegion 接口
google.maps.VisibleRegion
接口
包含定义地图可见区域的四边形(四点)的四个点。在矢量地图上,如果矢量地图有倾斜角度,此多边形可以是梯形,而不是矩形。
属性 | |
|---|---|
farLeft | 
类型:   
LatLng | 
farRight | 
类型:   
LatLng | 
latLngBounds | 
类型:   
LatLngBounds包含可见区域的最小边界框。  | 
nearLeft | 
类型:   
LatLng | 
nearRight | 
类型:   
LatLng | 
RenderingType 常量
google.maps.RenderingType 常量
通过调用 const {RenderingType} = await google.maps.importLibrary("maps") 进行访问。
请参阅 Maps JavaScript API 中的库。
常量 | |
|---|---|
RASTER | 
表示地图是栅格地图。 | 
UNINITIALIZED | 
表示尚不清楚地图是矢量地图还是光栅地图,因为地图尚未完成初始化。 | 
VECTOR | 
表示地图为矢量地图。 | 
MapCapabilities 接口
google.maps.MapCapabilities
接口
包含地图当前可用的功能快照的对象。请注意,这并不一定意味着相关模块已加载或初始化,而是指当前地图有权使用这些 API。如需查看可能的功能列表,请参阅相应属性。
属性 | |
|---|---|
isAdvancedMarkersAvailable optional | 
类型:   
boolean optional如果为 true,则表示此地图已正确配置,可使用高级标记。请注意,您仍必须导入  marker 库才能使用高级标记。如需了解详情,请访问 https://goo.gle/gmp-isAdvancedMarkersAvailable。 | 
isDataDrivenStylingAvailable optional | 
类型:   
boolean optional如果为 true,则表示此地图已正确配置,允许至少一个 FeatureLayer 使用数据驱动的样式。如需了解详情,请参阅 https://goo.gle/gmp-data-driven-styling 和 https://goo.gle/gmp-FeatureLayerIsAvailable。  | 
isWebGLOverlayViewAvailable optional | 
类型:   
boolean optional如果为 true,则表示此地图已正确配置,可使用  WebGLOverlayView。 |