1.0.6 • Published 2 years ago
ol-dynamic-curves v1.0.6
ol-dynamic-curves
description
An extentsion for openlayers to draw a linear、dynamic curves
gitee
https://gitee.com/li_zuo_hong/ol-dynamic-curves
install
npm install ol-dynamic-curves --save
use
put the map instance render a default option dynamic curves.
let curves = new CurvesLayer({
map: this.map,
});
default options
const defaultOptions = {
pointPositions: [[[140.80, 15.90], [143.60, 33.00]], [[140.80, 15.90], [154.216463, 42.895035]], [[140.80, 15.90], [105.941956, 47.07053]], [[140.80, 15.90], [100.718274, 0.95006]]],
splitLength: 180,
oneFrameLimitTime: 0,
radialColor: {
0: '#BBFFFF',
0.2: '#AEEEEE',
0.4: '#96CDCD',
0.6: '#668B8B',
0.8: '#98F5FF',
1: '#8EE5EE'
},
controlRatio: 1.0,
}
params description(can assign option)
name | means |
---|---|
pointPositions | start and end pos collection: [ lonlatArray,lonlatArray , lonlatArray,lonlatArray ] => [ point,point, point,point ] |
splitLength | the curves divide times |
oneFrameLimitTime | how much times render once (not accurate control this time, current fps influence this ) |
radialColor | linearColor description |
controlRatio | controlPoint pos ratio |
相关API
addCurves
add such curves,receive an Array like pointPositions
curves.addCurves([[[140.80, 15.90],[151.498262,-18.690718]]])
refreshCurvesCoords
refresh curves coords , I want to provide a option to init the lineCoords when you use the addCurves API at frist , finally, I decide to make an API for someone use.
// maybe addCurves ...
curves.refreshCurvesCoords()
removeFeatureByIndex
this index means pointPositions index
curves.removeFeatureByIndex(0) // delete pointPosition[0] related features
destroy
delete the relevant layer and event
curves.destroy()
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1-beta-0.2
2 years ago
1.0.1-beta-0.1
2 years ago
1.0.1-beta
2 years ago
1.0.0
2 years ago