用arcgis实现 轨迹效果

如图实现轨迹效果关键代码如下：
// 轨迹线样式
const arrowsLineSymbol = new CIMSymbol({
data: {
type: ‘CIMSymbolReference’,
symbol: {
type: ‘CIMLineSymbol’,
symbolLayers: [
{
// 路线白色箭头
type: ‘CIMVectorMarker’,
enable: true,
size: 4,
markerPlacement: {
type: ‘CIMMarkerPlacementAlongLineSameSize’, // 在这条线上放置相同大小的标记
endings: ‘WithMarkers’,
placementTemplate: [19.5], // 箭头间距
angleToLine: true // 符号保持其与直线的角度
},
frame: {
xmin: -5,
ymin: -5,
xmax: 5,
ymax: 5
},
markerGraphics: [
{
type: ‘CIMMarkerGraphic’,
geometry: {
rings: [
// 箭头-自定义绘制路线上面的连续出现的图标
[
[-5, -5.47],
[1.96, -0.03],
[-6, 5.6],
[1.96, -0.03],
[-5, -5.47]
]
]
},
symbol: {
// 符号样式
type: ‘CIMPolygonSymbol’,
symbolLayers: [
{
type: ‘CIMSolidStroke’, // 闭合的
enable: true,
color: [255, 255, 255, 255],
width: 1
}
]
}
}
]
},
{
// 路线浅绿色背景
type: ‘CIMSolidStroke’,
enable: true,
capStyle: ‘Butt’,
joinStyle: ‘Round’,
width: 5,
color: [48, 211, 102, 255]
},
{
// 路线暗绿色边框
type: ‘CIMSolidStroke’,
enable: true,
capStyle: ‘Butt’,
joinStyle: ‘Round’,
width: 8,
color: [0, 115, 76, 255]
}
]
}
}
});
// 将线添加到地图
const lineGraphics = new Graphic({
geometry: new Polyline({
paths: points,
spatialReference: {
wkid: 4490
}
}),
symbol: arrowsLineSymbol
// symbol: { // 线样式
// type: ‘simple-line’, // autocasts as new SimpleFillSymbol
// color: ‘#F2A529’,
// width: 2
// }
});
// 先添加线
lineLayer.add(lineGraphics)