arcgis 4 根据线坐标构建线动画
根据线动画
前期准备加载esri 需要的类
-
const [Graphic, GraphicsLayer, Polyline] = await esriClass.load([esriClassName.Graphic, esriClassName.GraphicsLayer, esriClassName.Polyline]);
```javascript
class PathAnimatetionByFrame{
constructor(){
}
addLine(view, config) {
return new Promise((rs, rj) => {
const graphiclayer = new GraphicsLayer();
graphiclayer.removeAll();
-
const geo = new Polyline({
-
type: 'polyline',
-
spatialReference: view.spatialReference,
-
paths: [[]]
-
});
-
-
const gra = new Graphic(geo, config.symbol);
-
graphiclayer.add(gra);
-
const data = config.paths;
-
const rate = config.rate;
-
let curLineIndex = 0;
-
let curPointindex = 0;
-
window.requestAnimationFrame(() => {
-
step(gra, geo, data);
-
});
-
function step(gra, geo, data) {
-
let points = data[curLineIndex];
-
for (let i = 0; i < rate; i++) {
-
if (curPointindex > points.length - 1) {
-
curLineIndex++;
-
if (curLineIndex === data.length) {
更多参考 https://xiaozhuanlan.com/topic/2978031564