Class: Animation

Animation

点位动画类,地图上的点位添加动画

const animation = new Animation({
  position: [122.141436, 29.952238],
  fill: {
    color: "#9005FC",
    opacity: 0.7
  },
  stroke: {
    color: "#9005FC"
  },
  zIndex: 0
});
const layer_ = new VectorLayer({
  name: "Animation测试",
  zIndex: 2
});
map.addLayer(layer_);
animation.addToLayer(layer_);

new Animation(options)

overlay/Animation.js, line 44

构造点位动画对象

Name Type Description
options Object

通过options指定点位动画相关样式

Name Type Default Description
position Array

点位动画位置,经纬度坐标
zIndex Number 1 optional

点位动画的显示顺序
stroke Object.<StrokeOptions>

轮廓线样式对象

Name Type Default Description
color String "#9005FC" optional

轮廓线颜色
lineDash Array [0, 0, 0] optional

设置线为实线还是虚线,取值：实线：[0,0,0], 虚线：[10,10] ，[10,10] 表示10个像素的实线和10个像素的空白（如此反复）组成的虚线, 点画线：[10,2,10]， [10,2,10] 表示10个像素的实线和2个像素的空白 + 10个像素的实线 和10个像素的空白 （如此反复）组成的虚线
备注

更多属性设置，参照链接： https://openlayers.org/en/latest/apidoc/module-ol_style_Stroke-Stroke.html
fill Object.<FillOptions>

点位动画填充样式对象

Name Type Default Description
color String "#9005FC" optional

点位动画填充颜色
opacity Number 0.7 optional

点位动画填充透明度，取值范围[0,1], 0表示完全透明,1表示不透明.

Classes

Animation

Methods

addToLayer(layer)

overlay/Animation.js, line 82

将动画添加到指定图层

Name Type Description
layer VectorLayer

动画要添加的图层

getFill(){Object.<FillOptions>}

overlay/Animation.js, line 153

获取动画的填充设置

Returns:
Type Description
Object.<FillOptions> fillOptions动画的填充设置

getPosition(){Array}

overlay/Animation.js, line 129

获取动画的坐标

Returns:
Type Description
Array position坐标

getStroke(){Object.<StrokeOptions>}

overlay/Animation.js, line 177

获取动画的stroke样式属性

Returns:
Type Description
Object.<StrokeOptions> 动画的stroke样式属性

getZIndex(){Number}

overlay/Animation.js, line 203

获取动画显示顺序

Returns:
Type Description
Number zIndex要素的显示顺序

setFill(fillOptions)

overlay/Animation.js, line 138

设置动画的填充颜色,可以设置fill里面的单个属性

Name Type Description
fillOptions Object.<FillOptions>

动画的填充设置

setPosition(position)

overlay/Animation.js, line 111

设置动画的位置

Name Type Description
position Array

坐标

setStroke(strokeOptions)

overlay/Animation.js, line 162

设置动画的stroke样式,可以设置stroke里面的单个属性

Name Type Description
strokeOptions Object.<StrokeOptions>

动画的stroke样式属性

setZIndex(zIndex)

overlay/Animation.js, line 186

设置动画显示顺序

Name Type Description
zIndex Number

要素的显示顺序