LabelMarker

LabelMarker 需要与 LabelsLayer配合使用

<LabelsLayer>

<LabelMarker position={p} text={textOptions} />

</LabelsLayer>

Source Code

Props

LabelMarker Props

属性名	类型	备注
name	string
position	number[2]
zooms	number[2]
opacity	number
rank	number
zIndex	number
visible	boolean
icon	IconOptions	下详
text	TextOptions	下详

IconOptions

属性名	类型	备注
size	number[2], AMap.Size
clipOrigin	number[2], AMap.Pixel
clipSize	number[2], AMap.Size
anchor	Anchor, number[2], AMap.Pixel	*1

1. Anchor为'top-left'|'top-center'|'top-right'|'middle-left'|'center'|'middle-right'|'bottom-left'|'bottom-center'|'bottom-right'

TextOptions

属性名	类型	备注
content	string
direction	'top', 'right', 'bottom', 'left', 'center'
offset	number[2], AMap.Pixel
zooms	number[2]
style	TextStyleOptions	下祥

TextStyleOptions

属性名	类型	备注
fontSize	number
fillColor	string
strokeColor	string
padding	string, number[]
backgroundColor	string
borderColor	string
borderWidth	number
fold	boolean

LabelsLayer Props

属性名	类型	备注
visible	boolean
zIndex	number
opacity	number
collision	boolean
allowCollision	boolean
zooms	number[2]

Events

LabelMarker Props

事件名	备注
mousedown
mouseup
touchstart
touchmove
touchend
click
mousemove
mouseover
mouseout

Example

查看源代码：