高德地图 轨迹点画箭头 js

您好，要在高德地图上画箭头，可以使用高德地图提供的Polyline类和ArrowLineSymbol类。

首先，您需要将轨迹点转换为地理坐标，并将其存储在一个数组中。然后，使用Polyline类创建一条连接所有点的线路，并使用ArrowLineSymbol类添加箭头。

以下是一个简单的示例代码：

// 轨迹点数组
var path = [
  [116.368904,39.913423],
  [116.382122,39.901176],
  [116.387271,39.912501],
  [116.398258,39.904600]
];

// 创建Polyline对象
var polyline = new AMap.Polyline({
  path: path, // 路径
  strokeColor: "#3366FF", // 线颜色
  strokeWeight: 5 // 线宽度
});

// 创建箭头样式
var arrow = new AMap.Icon({
  image: "https://webapi.amap.com/images/car.png",
  imageSize: new AMap.Size(24, 24),
  imageOffset: new AMap.Pixel(-12, -12)
});

// 添加箭头
polyline.setOptions({
  strokeStyle: "dashed", // 线样式
  strokeDasharray: [10, 5], // 虚线间隔
  showDir: true, // 显示箭头
  dirImg: arrow // 箭头样式
});

// 将Polyline对象添加到地图上
map.add(polyline);

这样，您就可以在高德地图上画出带有箭头的轨迹线了。需要注意的是，箭头图标需要自己准备好，并且需要保证其大小和位置与ArrowLineSymbol类的要求一致。