AdvancedMarkerView 类
google.maps.marker.AdvancedMarkerView
类
使用指定的选项创建 AdvancedMarkerView
。如果指定了地图,AdvancedMarkerView
会在构建时添加到地图中。请注意,必须设置位置才能显示 AdvancedMarkerView
。
此类实现 AdvancedMarkerViewOptions
。
通过调用 const {AdvancedMarkerView} = await google.maps.importLibrary("marker")
访问。请参阅 Maps JavaScript API 中的库。
构造函数 | |
---|---|
AdvancedMarkerView |
AdvancedMarkerView([options]) 参数:
|
属性 | |
---|---|
collisionBehavior |
类型:
CollisionBehavior optional |
content |
类型:
Element optional |
gmpDraggable |
类型:
boolean optional |
map |
类型:
Map optional |
position |
类型:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional |
title |
类型:
string |
zIndex |
类型:
number optional |
|
类型:
boolean |
继承的设置:
element
|
方法 | |
---|---|
addListener |
addListener(eventName, handler) 参数:
返回值:
MapsEventListener 生成的事件监听器。将给定的监听器函数添加到 Maps Eventing 系统中的指定事件名称。 |
活动 | |
---|---|
click |
function(event) 参数:
当用户点击 AdvancedMarkerView 元素时会触发此事件。 |
drag |
function(event) 参数:
当用户拖动 AdvancedMarkerView 时,系统会反复触发此事件。 |
dragend |
function(event) 参数:
当用户停止拖动 AdvancedMarkerView 时会触发此事件。 |
dragstart |
function(event) 参数:
当用户开始拖动 AdvancedMarkerView 时会触发此事件。 |
AdvancedMarkerViewOptions 接口
google.maps.marker.AdvancedMarkerViewOptions
接口
用于构建 AdvancedMarkerView
的选项。
属性 | |
---|---|
collisionBehavior optional |
类型:
CollisionBehavior optional 一个枚举,用于指定 AdvancedMarkerView 在与其他 AdvancedMarkerView 或矢量地图上的基本地图标签发生冲突时的行为方式。注意: |
content optional |
类型:
Element optional 支持 AdvancedMarkerView 视觉元素的 DOM 元素。注意: |
|
类型:
boolean optional 默认:
false 如果为 true ,则可以拖动 AdvancedMarkerView 。注意:包含高度的 |
element optional |
类型:
HTMLElement|SVGElement optional 此字段为只读字段。支持视图的 DOM 元素。 |
gmpDraggable optional |
类型:
boolean optional 默认:
false 如果为 true ,则可以拖动 AdvancedMarkerView 。注意:包含高度的 |
map optional |
类型:
Map optional 要在其上显示 AdvancedMarkerView 的地图。地图是显示AdvancedMarkerView 的必要条件;如果在构建时未提供,可以通过设置AdvancedMarkerView.map 来提供。 |
position optional |
类型:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional 设置 AdvancedMarkerView 的位置。AdvancedMarkerView 可以在没有位置的情况下构造,但只有在提供其位置后才会显示(例如,通过用户的操作或选择)。如果在构建时未提供 AdvancedMarkerView ,可以通过设置 AdvancedMarkerView.position 来提供位置。注意:仅矢量地图支持包含高度的 |
title optional |
类型:
string optional 鼠标悬停时显示的文字。如果提供无障碍文本(例如与屏幕阅读器结合使用),系统会使用提供的值将其添加到 AdvancedMarkerView 中。 |
zIndex optional |
类型:
number optional 所有 AdvancedMarkerView 都按其 zIndex 的顺序显示在地图上,值较高的 AdvancedMarkerView 会显示在值较低的 AdvancedMarkerView 前面。默认情况下,AdvancedMarkerView 会根据其在屏幕上的垂直位置显示,较低的 AdvancedMarkerView 会显示在更靠后的 AdvancedMarkerView 前面。请注意,zIndex 还有助于确定 CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY 高级标记之间的相对优先级。zIndex 值越高,表示优先级越高。 |
PinView 类
google.maps.marker.PinView
类
PinView
表示由形状和字形组成的 DOM 元素。形状与默认的 AdvancedMarkerView
中显示的气球样式相同。字形是气球形状中显示的可选 DOM 元素。PinView
的宽高比可能会因 PinView.scale
而异。
此类实现 PinViewOptions
。
通过调用 const {PinView} = await google.maps.importLibrary("marker")
访问。请参阅 Maps JavaScript API 中的库。
构造函数 | |
---|---|
PinView |
PinView([options]) 参数:
|
属性 | |
---|---|
background |
类型:
string optional |
borderColor |
类型:
string optional |
element optional |
类型:
HTMLElement|SVGElement optional 此字段为只读字段。支持视图的 DOM 元素。 |
glyph |
|
glyphColor |
类型:
string optional |
scale |
类型:
number optional |
方法 | |
---|---|
addListener |
addListener(eventName, handler) 参数:
将给定的监听器函数添加到给定的事件名称。 |
PinViewOptions 接口
google.maps.marker.PinViewOptions
接口
用于创建 PinView
的选项。
属性 | |
---|---|
background optional |
类型:
string optional 图钉形状的背景颜色。支持任何 CSS 颜色值。 |
borderColor optional |
类型:
string optional 图钉形状的边框颜色。支持任何 CSS 颜色值。 |
element optional |
类型:
HTMLElement|SVGElement optional 此字段为只读字段。支持视图的 DOM 元素。 |
glyph optional |
PIN 码中显示的 DOM 元素。 |
glyphColor optional |
类型:
string optional 字形的颜色。支持任何 CSS 颜色值。 |
scale optional |
类型:
number optional 默认:
1 图钉的缩放比例。 |