高德地图 轨迹点画箭头 js

可以使用高德地图提供的 Polyline 类，通过设置箭头符号来实现轨迹点画箭头的效果。具体实现步骤如下：

1. 创建 Polyline 对象，设置线条的路径和样式。

var polyline = new AMap.Polyline({
  path: path, // 路径数组
  strokeColor: '#3366FF', // 线条颜色
  strokeWeight: 5, // 线条宽度
  strokeStyle: 'solid', // 线条样式
  strokeOpacity: 0.8 // 线条透明度
});

2. 设置箭头符号，可以使用插件库提供的 Symbol 类，或者自定义 SVG 图标。

// 使用 Symbol 类
var symbol = new AMap.Symbol({
  path: 'M0,-10 L-10,10 L0,5 L10,10 Z', // 箭头路径
  fillColor: '#3366FF', // 填充颜色
  fillOpacity: 1, // 填充透明度
  strokeWeight: 0 // 边框宽度
});

// 或者自定义 SVG 图标
var svgMarker = new AMap.Icon({
  size: new AMap.Size(40, 50),
  image: '自定义 SVG 图片地址',
  imageSize: new AMap.Size(40, 50),
  imageOffset: new AMap.Pixel(-20, -50)
});

3. 将箭头符号设置到 Polyline 对象上。

polyline.setOptions({
  showDir: true, // 显示方向箭头
  dirColor: 'white', // 方向箭头颜色
  dirImg: symbol // 方向箭头符号
});

通过以上步骤，就可以实现轨迹点画箭头的效果。