Javascript 可以在Timemap.js中绘制多段线吗?
我只是想问一下,这是否可以在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
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);
}
}
}