鼠标工具插件 (AMap.MouseTool)

鼠标工具插件。通过该插件,可进行鼠标画标记点、线、多边形、矩形、圆、距离量测、面积量测、拉框放大、拉框缩小等功能。

提示

来源 @vuemap/vue-amap 组件库

基础示例

静态属性

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

名称类型说明
autoClearBoolean是否绘制结束后自动清空图层,默认true
showTooltipBoolean是否在鼠标旁边显示提示信息, 默认值:默认true。
tooltipTextMapObject提示信息的map,主要用于修改tooltip的提示信息,对象的key有:'marker', 'circle', 'rectangle', 'polyline', 'polygon', 'measureArea', 'rule', 'rectZoomIn', 'rectZoomOut'
textOptionsObject提示信息的配置属性,信息使用AMap.Text实现,此处对应AMap.Text的参数,参数地址open in new window
extraOptionsObject额外扩展属性,会直接将属性拷贝到初始化的options中,当key与props内的一样时会被props覆盖
drawCursorString绘制时鼠标样式,默认:crosshair

动态属性

支持响应式。

名称类型说明
typeString工具类型。marker(点标记), circle(圆), rectangle(矩形), polyline(折线), polygon(多边形), measureArea(面积计算), rule(距离计算), rectZoomIn(框选放大), rectZoomOut(框选缩小)
drawOptionsObject绘制的图形样式,根据需要绘制的对象来传递不同的参数。
注意:必须先修改drawOptions参数再修改type才会在切换type时切换样式
点标记open in new window
open in new window
open in new window
矩形open in new window
折线open in new window
多边形open in new window
面积计算open in new window
距离计算open in new window

ref 可用方法

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

函数参数返回说明
$$getInstance()AMap.MouseTool获取MouseTool实例
$$close(ifClear)ifClear(Boolean)关闭鼠标工具,参数为true时会清空绘制的图形
$$open()开启工具
$$clear()清除地图上绘制的图形

事件

事件参数说明
initAMap.MouseToolAMap.MouseTool实例
drawdata,targer第一个参数为绘制生成的对应数据,第二个为绘制的图形对象。对应数据分为以下几类
marker数据:[lng,lat]
circle数据:{center:[lng,lat],radisu:number}
rectangle数据:[[lng,lat],[lng,lat]]
polyline数据:[[lng,lat],[lng,lat]]
polygon数据:[[lng,lat],[lng,lat]]
measureArea数据:number,单位平方米
rule数据:number,单位米
最后更新时间:
贡献者: gu