flow-line-renderer v1.1.1

flow-line-renderer

A external renderer for ArcGIS JS API， used to show the flow effect of lines.

安装

使用npm：

$ npm install flow-line-renderer

使用yarn：

$ yarn add flow-line-renderer

使用pnpm：

$ pnpm add flow-line-renderer

示例

使用时，需引入ArcGIS API中的externalRenderers对象：

import * as externalRenderers from '@arcgis/core/views/3d/externalRenderers';

以及引入flow-line-renderer：

import FlowLineRenderer from 'flow-line-renderer';

创建线：

const paths = [
  // 第一条路径
  [ 
    [-97.06138, 32.837, 10],
    [-97.06133, 32.836, 10],
    [-97.06124, 32.834, 10]
  ], 
  // 第二条路径
  [ 
    [-97.06326, 32.759, 10],
    [-97.06298, 32.755, 10]
  ]
];
const line = new Polyline({
  paths: paths,
  spatialReference: { wkid: 4326 }
})

线条流动效果相关配置：

{
  color: '#00ffff', // 线条颜色
  density: 3,
  flowRatio: 0.1,
  speed: 1000,
  width: 3,
}

实例化对象：

const renderer = new FlowLineRenderer(
  externalRenderers,
  sceneView, // 创建的三维场景对象
  line, // 创建的线几何形状
  config, // 线条流动效果相关配置
)

config相关属性

实例方法

updateLine()

const line2 = new Polyline(lineOptions);
renderer.updateLine(line2);