波纹点图层

用来展波纹动画的图层，继承自Layer

可使用鼠标拾取Pick

基础示例

静态属性

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

名称	类型	说明
color	String	颜色，同css颜色, 默认值：’blue’, 当在data中设置时，优先使用data中的颜色
size	Number	点大小, 默认值：20
unit	string	size属性的单位。可选值：px，默认值，按像素，圆半径大小不随地图级别变化, m，按地理尺度，即单位为“米”，圆半径大小跟随地图级别缩放. 默认值： px
duration	Number	动画循环一次的时间，时间越短，动画速度越快. 默认值：2
zoomThreshold	Array	全图层均可使用，用来指定图层执行渲染的地图层级，初始默认值[0, 30]
lazy	Number	组件懒加载，默认-1，不进行懒加载，单位毫秒
---	---	当type值为simple时支持以下参数与事件
enablePicked	Boolean	是否开启鼠标事件，开启后支持鼠标onClick与onMousemove事件，同时支持改变拾取物体颜色,默认值：false
selectedIndex	number	手动指定选中数据项索引，使该条数据所表示物体变色，-1表示没选中任何元素.默认值：-1,依赖：enablePicked=true
selectedColor	string	选中态颜色,默认值：’rgba(20, 20, 200, 1)’,依赖：enablePicked=true
autoSelect	boolean	根据鼠标位置来自动设置选中项selectedIndex，使选中物体变色，设置为true后selectedIndex失效.默认值：false,依赖：enablePicked=true
onClick	function(pickObject){}	点击事件，如果点击在可选中物体上，则返回对应数据,依赖：enablePicked=true
onDblClick	function(pickObject){}	双击事件，如果双击在可选中物体上，则返回对应数据,依赖：enablePicked=true
onRightClick	function(pickObject){}	右键事件，如果右键在可选中物体上，则返回对应数据
onMousemove	function(pickObject){}	鼠标指针移动事件，如果指针悬浮在在可选中物体上，则返回对应数据,依赖：enablePicked=true

pickObject数据结构

{
    dataIndex: -1, // 返回点击的数据元素索引
    dataItem: {}, // 返回点击的数据元素
}

动态属性

支持响应式。

名称	类型	说明
visible	Boolean	图层显隐，true显示，false隐藏，默认显示
data	Array	点数据,GeoJSON格式

data数据结构

[{
   geometry: {
       type: 'Point',
       coordinates: [121.5373285, 31.21515044],
   },
   properties: {
       size: 400,
       color: 'green'
   }
}]

ref可用方法

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

函数	返回	说明
$$getInstance()	mapvgl.RippleLayer	获取RippleLayer实例
$$pick({Number}x, {Number}y)	pickObject数据结构	根据屏幕像素坐标获取元素,依赖：enablePicked=true

事件

事件	参数	说明
init	Object	组件实例