如何在google地图的追踪路径上添加方向

Question

我显示了地图上的跟踪与标记点和线连接它们。

问题是我想在链接上显示行进的方向；

所以我不明白如何在标记点之间的直线上显示方向。

有没有办法完成这项任务。

Answer 1

在多段线上显示方向可以使用箭头完成。

谷歌地图api3提供了一些预定义的路径。

请参阅文档的这一部分- ，该部分可用于箭头以外的其他用途。

看一下这个小提琴，它使用箭头指示多段线上的方向。

还可以设置元件的repeat属性，使其以固定的时间间隔重复。

JavaScript-

var iconsetngs = {
    path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW
};
var polylineoptns = {
    path: markers,
    strokeOpacity: 0.8,
    strokeWeight: 3,
    map: map,
    icons: [{
        icon: iconsetngs,
        offset: '100%'}]
};
polyline = new google.maps.Polyline(polylineoptns);

这个预定义符号(特别是前向箭头)的有趣之处在于，箭头指向坐标所在的确切方向。因此，这显然是为了在跟踪系统中指示方向。

更新：不确定你在评论中想要表达的观点。标记可以以相同的方式显示。以下是使用循环添加标记并使用箭头设置多段线的代码：

Javascript：

var polylineoptns = {
        strokeOpacity: 0.8,
        strokeWeight: 3,
        map: map,
        icons: [{
            repeat: '70px', //CHANGE THIS VALUE TO CHANGE THE DISTANCE BETWEEN ARROWS
            icon: iconsetngs,
            offset: '100%'}]
    };
    polyline = new google.maps.Polyline(polylineoptns);
    var z = 0;
    var path = [];
    path[z] = polyline.getPath();
    for (var i = 0; i < markers.length; i++) //LOOP TO DISPLAY THE MARKERS
    {
        var pos = markers[i];
        var marker = new google.maps.Marker({
            position: pos,
            map: map
        });
        path[z].push(marker.getPosition()); //PUSH THE NEWLY CREATED MARKER'S POSITION TO THE PATH ARRAY
    }