Javascript 当对象在地图上移动时绘制路径

我有一个沿着谷歌地图移动的标记，但我需要它在移动时在地图上画出它的路径

这是创建映射的javascript

var map,marker;

var startPos = [42.42679066670903, -83.29210638999939];
var speed = 150; // km/h

var delay = 100;
// If you set the delay below 1000ms and you go to another tab,
// the setTimeout function will wait to be the active tab again
// before running the code.
// See documentation :
// https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout#Inactive_tabs

function animateMarker(marker, coords, km_h)
{
    var target = 0;
    var km_h = km_h || 50;
    coords.push([startPos[0], startPos[1]]);

    function goToPoint()
    {
        var lat = marker.position.lat();
        var lng = marker.position.lng();
        var step = (km_h * 1000 * delay) / 3600000; // in meters

        var dest = new google.maps.LatLng(
        coords[target][0], coords[target][1]);

        var distance =
        google.maps.geometry.spherical.computeDistanceBetween(
        dest, marker.position); // in meters

        var numStep = distance / step;
        var i = 0;
        var deltaLat = (coords[target][0] - lat) / numStep;
        var deltaLng = (coords[target][1] - lng) / numStep;

        function moveMarker()
        {
            lat += deltaLat;
            lng += deltaLng;
            i += step;

            if (i < distance)
            {
                marker.setPosition(new google.maps.LatLng(lat, lng));
                setTimeout(moveMarker, delay);
            }
            else
            {   marker.setPosition(dest);
                target++;
                if (target == coords.length){ target = 0; }

                setTimeout(goToPoint, delay);
            }
        }
        moveMarker();
    }
    goToPoint();
}

function initialize()
{

    var myOptions = {
        zoom: 16,
        center: new google.maps.LatLng(42.425175091823974, -83.2943058013916),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    marker = new google.maps.Marker({
        position: new google.maps.LatLng(startPos[0], startPos[1]),
        icon: 'assets/images/c.png',
        map: map
    });

    google.maps.event.addListenerOnce(map, 'idle', function()
    {
        animateMarker(marker, [
            // The coordinates of each point you want the marker to go to.
            // You don't need to specify the starting position again.
            [42.42666395645802, -83.29694509506226],
            [42.42300508749226, -83.29679489135742],
            [42.42304468678425, -83.29434871673584],
            [42.424882066428424, -83.2944130897522],
            [42.42495334300206, -83.29203128814697]
        ], speed);
    });

}

initialize();

var映射，标记；
var startPos=[42.42679066670903，-83.29210638999939]；
var速度=150；//公里/小时
无功延迟=100；
//如果将延迟设置为1000毫秒以下，然后转到另一个选项卡，
//setTimeout函数将等待再次成为活动选项卡
//在运行代码之前。
//见文件：
// https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout#Inactive_tabs
功能动画标记器（标记器、坐标、公里）
{
var目标=0；
var km|h=km|h | 50；
coords.push（[startPos[0]，startPos[1]]）；
函数goToPoint（）
{
var lat=marker.position.lat（）；
var lng=marker.position.lng（）；
var步长=（公里小时*1000*延迟）/3600000；//以米为单位
var dest=new google.maps.LatLng(
coords[target][0]、coords[target][1]；
var距离=
google.maps.geometry.spheremic.ComputedDistanceBetween(
dest，marker.position）；//以米为单位
var numStep=距离/步长；
var i=0；
var deltaLat=（坐标[target][0]-lat）/numStep；
var deltaLng=（coords[target][1]-lng）/numStep；
函数moveMarker（）
{
lat+=三角洲；
液化天然气+=德尔塔林；
i+=阶跃；
如果（i<距离）
{
marker.setPosition（新的google.maps.LatLng（lat，lng））；
设置超时（移动标记，延迟）；
}
其他的
{marker.setPosition（dest）；
目标++；
如果（target==coords.length）{target=0；}
设置超时（goToPoint，delay）；
}
}
moveMarker（）；
}
goToPoint（）；
}
函数初始化（）
{
变量myOptions={
缩放：16，
中心：新google.maps.LatLng（42.425175091823974，-83.2943058013916），
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
marker=新的google.maps.marker({
职位：new google.maps.LatLng（startPos[0]，startPos[1]），
图标：“assets/images/c.png”，
地图：地图
});
google.maps.event.addListenerOnce（map'idle'，function（）
{
动画标记器（标记器[
//要标记的每个点的坐标。
//无需再次指定起始位置。
[42.42666395645802, -83.29694509506226],
[42.42300508749226, -83.29679489135742],
[42.42304468678425, -83.29434871673584],
[42.424882066428424, -83.2944130897522],
[42.42495334300206, -83.29203128814697]
]，速度）；
});
}
初始化（）；

我尝试绘制路径，路径绘制正确，但对象不再移动。这是密码

var map,marker;

var startPos = [42.42679066670903, -83.29210638999939];
var speed = 150; // km/h

var delay = 100;
// If you set the delay below 1000ms and you go to another tab,
// the setTimeout function will wait to be the active tab again
// before running the code.
// See documentation :
// https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout#Inactive_tabs

function animateMarker(marker, coords, km_h)
{
    var target = 0;
    var km_h = km_h || 50;
    coords.push([startPos[0], startPos[1]]);

    function goToPoint()
    {
        var lat = marker.position.lat();
        var lng = marker.position.lng();
        var step = (km_h * 1000 * delay) / 3600000; // in meters

        var dest = new google.maps.LatLng(
        coords[target][0], coords[target][1]);

        var distance =
        google.maps.geometry.spherical.computeDistanceBetween(
        dest, marker.position); // in meters

        var numStep = distance / step;
        var i = 0;
        var deltaLat = (coords[target][0] - lat) / numStep;
        var deltaLng = (coords[target][1] - lng) / numStep;

        function moveMarker()
        {
            lat += deltaLat;
            lng += deltaLng;
            i += step;

            if (i < distance)
            {
                marker.setPosition(new google.maps.LatLng(lat, lng));
                setTimeout(moveMarker, delay);
            }
            else
            {   marker.setPosition(dest);
                target++;
                if (target == coords.length){ target = 0; }

                setTimeout(goToPoint, delay);
            }
        }
        moveMarker();
    }
    goToPoint();
}

function initialize()
{

    var myOptions = {
        zoom: 16,
        center: new google.maps.LatLng(42.425175091823974, -83.2943058013916),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    marker = new google.maps.Marker({
        position: new google.maps.LatLng(startPos[0], startPos[1]),
        icon: 'assets/images/c.png',
        map: map
    });
    var flightPlanCoordinates = [
    {lat: 42.42666395645802, lng: -83.29694509506226},
    {lat: 42.42300508749226, lng: -83.29679489135742},
    {lat: 42.42304468678425, lng: -83.29434871673584},
    {lat: 42.424882066428424, lng: -83.2944130897522},
    {lat: 42.42495334300206, lng: -83.29203128814697}
  ];

    google.maps.event.addListenerOnce(map, 'idle', function()
    {
        animateMarker(marker, [
            // The coordinates of each point you want the marker to go to.
            // You don't need to specify the starting position again.
            flightPlanCoordinates
        ], speed);
    });
    var flightPath = new google.maps.Polyline({
    path: flightPlanCoordinates,
    geodesic: true,
    strokeColor: '#FF0000',
    strokeOpacity: 1.0,
    strokeWeight: 2
  });

  flightPath.setMap(map);
}

initialize();

var映射，标记；
var startPos=[42.42679066670903，-83.29210638999939]；
var速度=150；//公里/小时
无功延迟=100；
//如果将延迟设置为1000毫秒以下，然后转到另一个选项卡，
//setTimeout函数将等待再次成为活动选项卡
//在运行代码之前。
//见文件：
// https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout#Inactive_tabs
功能动画标记器（标记器、坐标、公里）
{
var目标=0；
var km|h=km|h | 50；
coords.push（[startPos[0]，startPos[1]]）；
函数goToPoint（）
{
var lat=marker.position.lat（）；
var lng=marker.position.lng（）；
var步长=（公里小时*1000*延迟）/3600000；//以米为单位
var dest=new google.maps.LatLng(
coords[target][0]、coords[target][1]；
var距离=
google.maps.geometry.spheremic.ComputedDistanceBetween(
dest，marker.position）；//以米为单位
var numStep=距离/步长；
var i=0；
var deltaLat=（坐标[target][0]-lat）/numStep；
var deltaLng=（coords[target][1]-lng）/numStep；
函数moveMarker（）
{
lat+=三角洲；
液化天然气+=德尔塔林；
i+=阶跃；
如果（i<距离）
{
marker.setPosition（新的google.maps.LatLng（lat，lng））；
设置超时（移动标记，延迟）；
}
其他的
{marker.setPosition（dest）；
目标++；
如果（target==coords.length）{target=0；}
设置超时（goToPoint，delay）；
}
}
moveMarker（）；
}
goToPoint（）；
}
函数初始化（）
{
变量myOptions={
缩放：16，
中心：新google.maps.LatLng（42.425175091823974，-83.2943058013916），
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
marker=新的google.maps.marker({
职位：new google.maps.LatLng（startPos[0]，startPos[1]），
图标：“assets/images/c.png”，
地图：地图
});
var FlightPlan坐标=[
{拉丁美洲：42.42666395645802，液化天然气：-83.29694509506226}，
{拉丁美洲：42.42300508749226，液化天然气：-83.29679489135742}，
{拉丁美洲：42.42304468678425，液化天然气：-83.29434871673584}，
{拉丁美洲：42.424882066428424，液化天然气：-83.2944130897522}，
{拉丁美洲：42.42495334300206，液化天然气：-83.29203128814697}
];
google.maps.event.addListenerOnce（map'idle'，function（）
{
动画标记器（标记器[
//要标记的每个点的坐标。
//无需再次指定起始位置。
飞行平面坐标
]，速度）；
});
var flightPath=new google.maps.Polyline({
路径：FlightPlan坐标，
测地线：正确，
strokeColor:“#FF0000”，
笔划不透明度：1.0，
冲程重量：2
});
flightPath.setMap（map）；
}
初始化（）；

我怎样做记号笔来画它的拍子

var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 3,
  center: {lat: 0, lng: -180},
  mapTypeId: google.maps.MapTypeId.TERRAIN
});

var polylineCoords = [];

var path = new google.maps.Polyline({
  path: polylineCoords,
  geodesic: true,
  strokeColor: '#FF0000',
  strokeOpacity: 1.0,
  strokeWeight: 2
});

path.setMap(map);

//To add a Point on the polyline call
function addCoord(lat, lng) {
   var point = new google.maps.LatLng(lat, lng);
   var coords = path.getPath();
   coords.push(point);
}