点坐标

基础示例

静态属性

仅且可以初始化配置,不支持响应式。

名称类型说明

动态属性

支持响应式。

名称类型说明
positionArray [x,y]点标记在地图上显示的位置,默认为地图中心点。
offsetArray [x,y]点标记显示位置偏移量,默认值为[-8,-8]。Marker指定position后,默认以marker左上角位置为基准点,对准所给定的position位置,若需使marker指定位置对准在position处,需根据marker的尺寸设置一定的偏移量。
icon{url:'',size:[],imageOffset:[],anchor:[]}该值为标号图标,详细参数说明见下面表,可为空。
titleString鼠标滑过点标记时的文字提示,不设置则鼠标滑过点标无文字提示。
label{content,offset: [x, y],title}添加文本标注,content为文本标注的内容,offset为偏移量,左上角为偏移量为(0,0),title为鼠标滑过label的提示
draggingCursorString拖拽标注时的鼠标指针样式。此属性值需遵循CSS的cursor属性规范
rotationNumber点标记的旋转角度
zIndexString覆盖物的zIndex
raiseOnDragBoolean拖拽标注时,标注是否开启离开地图表面效果。默认为false
enableClickingBoolean是否响应点击事件。默认为true
enableDraggingBoolean设置点标记是否可拖拽移动,默认为false。
enableMassClearBoolean是否允许覆盖物在map.clearOverlays方法中被清除,默认true。
visibleBoolean覆盖物显隐控制,默认true

icon参数说明

名称类型说明
urlString图标的图片地址,可以是http地址,也可以是base64
sizeArray [x,y]默认[16,16], 图片的大小,根据实际图片大小来控制
imageOffsetArray [x,y]默认[0,0], 图标所用的图片相对于可视区域的偏移值,
此功能的作用等同于CSS中的background-position属性
anchorArray [x,y]默认[0,0], 图标的定位点相对于图标左上角的偏移值

ref 可用方法

提供无副作用的同步帮助方法

函数返回说明
$getInstance()BMapGL.Markeropen in new window获取marker实例
$getPosition()[lng:Number,lat:Number]获取位置
$getOffset()[x:Number,y:Number]获取偏移像素坐标

事件

事件参数说明
clickMapsEventopen in new window鼠标左键单击事件
dblclickMapsEventopen in new window鼠标左键双击事件
rightclickMapsEventopen in new window鼠标右键单击事件
mousemoveMapsEventopen in new window鼠标移动
mouseoverMapsEventopen in new window鼠标移近点标记时触发事件
mouseoutMapsEventopen in new window鼠标移出点标记时触发事件
mousedownMapsEventopen in new window鼠标在点标记上按下时触发事件
mouseupMapsEventopen in new window鼠标在点标记上按下后抬起时触发事件
dragstartMapsEventopen in new window开始拖拽点标记时触发事件
draggingMapsEventopen in new window鼠标拖拽移动点标记时触发事件
dragendMapsEventopen in new window点标记拖拽移动结束触发事件
moveend点标记执行moveTo动画结束时触发事件,也可以由moveAlong方法触发
movealong点标记执行moveAlong动画一次后触发事件
touchstartMapsEventopen in new window触摸开始时触发事件,仅适用移动设备
touchmoveMapsEventopen in new window触摸移动进行中时触发事件,仅适用移动设备
touchendMapsEventopen in new window触摸结束时触发事件,仅适用移动设备
最后更新时间:
贡献者: guyangyang