arcgis for js 如何自定义绘制仿高德导航线（自定义轨迹路线）

1、arcgis for js + vue3

绘制效果图

实现

1、实现上图路线的自定义线条，先拆分线条为三个部分：较宽的暗绿色背景+浅绿色背景+白色箭头
2、自定义线条的symbol，使用CIMSymbol

import CIMSymbol from "@arcgis/core/symbols/CIMSymbol";

// 背景箭头轨迹样式
export 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, // 符号保持其与直线的角度
          }