diff --git a/src/docs/_sidebar.md b/src/docs/_sidebar.md index 67ae8cdbecfedc1875a2d39aa7c4fa73c735fc6f..3745ea629aa98f48e3bb16abf776b038ebf22652 100644 --- a/src/docs/_sidebar.md +++ b/src/docs/_sidebar.md @@ -49,6 +49,7 @@ - [GLTF](zh-cn/threejs/gltf.md) - 点标记 - [点标记](zh-cn/marker/marker.md) + - [圆形标记](zh-cn/marker/circle-marker.md) - [标注](zh-cn/marker/label-marker.md) - [文本](zh-cn/marker/text.md) - [灵活点标记](zh-cn/marker/elastic-marker.md) diff --git a/src/docs/zh-cn/marker/circle-marker.md b/src/docs/zh-cn/marker/circle-marker.md new file mode 100644 index 0000000000000000000000000000000000000000..c6da5c8f81bf4494b83e8321ce4e250be85f7084 --- /dev/null +++ b/src/docs/zh-cn/marker/circle-marker.md @@ -0,0 +1,94 @@ +# 圆形标记 (AMap.CirCleMarker) + +## 基础示例 + + + + + + + + +## 动态属性 +支持响应式。 + +名称 | 类型 | 说明 +---|---|---| +center | Array | 圆心位置 +visible | Boolean | 是否隐藏 +radius | Number | 圆点半径,单位:px +zIndex | Number | 层叠顺序默认zIndex:10 +bubble | Boolean | 是否将覆盖物的鼠标或touch等事件冒泡到地图上 (自v1.3 新增)默认值:false +strokeColor | String | 线条颜色,使用16进制颜色代码赋值。默认值为#006600 +strokeOpacity | String | 轮廓线透明度,取值范围0,1,0表示完全透明,1表示不透明。默认为0.9 +strokeWeight | Number | 轮廓线宽度 +fillColor | String | 圆形填充颜色,使用16进制颜色代码赋值。默认值为#006600 +fillOpacity | String | 圆形填充透明度,取值范围0,1,0表示完全透明,1表示不透明。默认为0.9 +extData | Object | 用户自定义属性,支持JavaScript API任意数据类型,如Circle的id等 + +## ref 可用方法 +提供无副作用的同步帮助方法 + +函数 | 返回 | 说明 +---|---|---| +$$getInstance() | [AMap.CircleMarker](http://lbs.amap.com/api/javascript-api/reference/overlay#CircleMarker) | 获取`CircleMarker`实例 + + +## 事件 + +事件 | 参数 | 说明 +---|---|---| +click | MapsEvent | 鼠标左键单击事件 +dblclick | MapsEvent | 鼠标左键双击事件 +rightclick | MapsEvent | 鼠标右键单击事件 +mousemove | MapsEvent | 鼠标移动 +mouseover | MapsEvent | 鼠标移近点标记时触发事件 +mouseout | MapsEvent | 鼠标移出点标记时触发事件 +mousedown | MapsEvent | 鼠标在点标记上按下时触发事件 +mouseup | MapsEvent | 鼠标在点标记上按下后抬起时触发事件 +dragstart | MapsEvent | 开始拖拽点标记时触发事件 +dragging | MapsEvent | 鼠标拖拽移动点标记时触发事件 +dragend | MapsEvent | 点标记拖拽移动结束触发事件 +moving | Object | 点标记在执行moveTo,moveAlong动画时触发事件,Object对象的格式是{passedPath:Array.}。其中passedPath为Marker对象在moveAlong或者moveTo过程中已经走过的路径。 +moveend | |点标记执行moveTo动画结束时触发事件,也可以由moveAlong方法触发 +movealong | |点标记执行moveAlong动画一次后触发事件 +touchstart | MapsEvent | 触摸开始时触发事件,仅适用移动设备 +touchmove | MapsEvent | 触摸移动进行中时触发事件,仅适用移动设备 +touchend | MapsEvent | 触摸结束时触发事件,仅适用移动设备 \ No newline at end of file diff --git a/src/lib/components/marker/CircleMarker.vue b/src/lib/components/marker/CircleMarker.vue new file mode 100644 index 0000000000000000000000000000000000000000..977cc5d25d35a44ac9efc652fc4158632389d2bd --- /dev/null +++ b/src/lib/components/marker/CircleMarker.vue @@ -0,0 +1,75 @@ + + + diff --git a/src/lib/index.js b/src/lib/index.js index f2416116506221b555944d5f21e25837310a8ab7..f5f5d04582a05655cb994e27010e64c49e30b304 100644 --- a/src/lib/index.js +++ b/src/lib/index.js @@ -38,6 +38,7 @@ import Text from './components/marker/Text'; import ElasticMarker from './components/marker/ElasticMarker'; import MarkerCluster from './components/marker/MarkerCluster'; import MassMarks from './components/marker/MassMarks'; +import CircleMarker from './components/marker/CircleMarker'; // 信息窗体 import InfoWindow from './components/infoWindow/InfoWindow'; @@ -107,6 +108,7 @@ let components = [ ElasticMarker, MarkerCluster, MassMarks, + CircleMarker, InfoWindow,