Javascript 可以在Timemap.js中绘制多段线吗?

Javascript 可以在Timemap.js中绘制多段线吗?,javascript,json,google-maps,google-maps-api-3,Javascript,Json,Google Maps,Google Maps Api 3,我只是想问一下,这是否可以在timemap.js中创建多段线并绘制移动的汽车?就这样 var carPolyline=new google.maps.Polyline({ 地图:地图, 测地线:正确, strokeColor:“#FF0000”, 笔划不透明度:1.0, 冲程重量:2, 图标:[{ 图标:iconcar, 比例:.1, 抵销:“100%” }], }); var carPath=new google.maps.MVCArray(); 对于(变量i=0;i

我只是想问一下,这是否可以在timemap.js中创建多段线并绘制移动的汽车?就这样

var carPolyline=new google.maps.Polyline({
地图:地图,
测地线:正确,
strokeColor:“#FF0000”,
笔划不透明度:1.0,
冲程重量:2,
图标:[{
图标:iconcar,
比例:.1,
抵销:“100%”
}],
});
var carPath=new google.maps.MVCArray();
对于(变量i=0;i
每次拖动时间轴时,我都想移动那辆车。这可能吗


提前谢谢。

我想这应该是可能的。您必须将时间线的一部分分割为X个分区,其中X是纬度和经度坐标对的数量。接下来,您需要一个侦听器来检测用户何时移动滑块,并找出将滑块的新位置与相应的坐标对关联的方法。最后,你必须将相关点推到(或弹出)汽车路径上,然后更新地图。我对时间地图不太熟悉,所以这只是如何做的一般想法。我相信你可以从他们的文档和示例应用中找到如何做到这一点。
 var carPolyline = new google.maps.Polyline({
        map: map,
        geodesic : true,
        strokeColor : '#FF0000',
        strokeOpacity : 1.0,
        strokeWeight : 2,
        icons: [{
          icon: iconcar,
            scale: .1,   
          offset: '100%'
        }],
    });
    var carPath = new google.maps.MVCArray();
    for ( var i = 0; i < path_start.length; i++) {
        if(i === 0) {
            carPath.push(path_start[i]);
            carPolyline.setPath(carPath);
        } else {
            setTimeout((function(latLng) {
                return function() {

                    carPath.push(latLng);
                    map.setCenter(latLng);
                };
            })(path_start[i]), 100 * i);
        }
    }
}