高德地图 画轨迹的api

高德地图提供了绘制轨迹的API，具体如下：

1. 定义地图容器

首先需要在HTML页面中定义一个地图容器，例如：

<div id="mapContainer"></div>

2. 引入高德地图API

在HTML页面中引入高德地图API：

<script src="https://webapi.amap.com/maps?v=1.4.15&key=您的高德地图API Key"></script>

其中，需要将“您的高德地图API Key”替换为自己申请的API Key。

3. 创建地图实例

通过调用AMap.Map()方法创建地图实例：

var map = new AMap.Map('mapContainer', {
    zoom: 10,
    center: [116.397428, 39.90923]
});

其中，zoom表示地图缩放级别，center表示地图中心点坐标。

4. 绘制轨迹

通过调用AMap.Polyline()方法绘制轨迹：

var path = [
    [116.405289, 39.904987],
    [116.407013, 39.904581],
    [116.408198, 39.904427],
    [116.410358, 39.90439],
    [116.414503, 39.904343]
];
var polyline = new AMap.Polyline({
    path: path,
    strokeColor: "#3366FF",
    strokeOpacity: 1,
    strokeWeight: 5,
    strokeStyle: "solid"
});
polyline.setMap(map);

其中，path表示轨迹的坐标点数组，strokeColor表示轨迹颜色，strokeOpacity表示轨迹透明度，strokeWeight表示轨迹宽度，strokeStyle表示轨迹样式。

完整的绘制轨迹的代码如下：

<div id="mapContainer"></div>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=您的高德地图API Key"></script>
<script>
    var map = new AMap.Map('mapContainer', {
        zoom: 10,
        center: [116.397428, 39.90923]
    });
    var path = [
        [116.405289, 39.904987],
        [116.407013, 39.904581],
        [116.408198, 39.904427],
        [116.410358, 39.90439],
        [116.414503, 39.904343]
    ];
    var polyline = new AMap.Polyline({
        path: path,
        strokeColor: "#3366FF",
        strokeOpacity: 1,
        strokeWeight: 5,
        strokeStyle: "solid"
    });
    polyline.setMap(map);
</script>