Animation Java——如何使用google maps创建多条动画测地线

--我对编码是全新的，但慢慢地通过小提琴来工作。谢谢你的耐心--

我正致力于创建乌克兰一个小村庄的散居者形象。到目前为止，我已经找到了一把可以满足我需要的小提琴。但我在以下方面遇到了问题：

• 我对单个var出发-->var到达线的动画制作没有异议，就像最初的小提琴一样，但我找不到关于如何添加另一行的资源（无论是相同的var出发还是不同的）

• 我还想在同一行程中添加多个点。我找到的所有东西都使用了一个LatLng坐标列表，但我无法将其设置为动画

任何帮助都将不胜感激！谢谢

var映射；
$（文档）.ready（函数（）{
var latlng=新的google.maps.latlng（41.142556，-42.219561）；
变量myOptions={
缩放：2，
中心：拉特林，
disableDefaultUI:true，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（$（'#map_canvas'）.get（0），myOptions）；
var DEVIATION=new google.maps.LatLng（49.461686，23.174658）；//设置出发地点所需的lat/lng
var arrival=new google.maps.LatLng（40.6983279，-74.0433196）；//设置到达位置所需的lat/lng
var line=新的google.maps.Polyline({
路径：[出发，出发]，
strokeColor:#FF0000“，
笔划不透明度：0.7，
冲程重量：2，
测地线：true，//如果希望直线而不是圆弧，则设置为false
地图：地图，
});
var阶跃=0；
var numSteps=250；//将其更改为设置动画分辨率
var timePerStep=5；//将其更改为改变动画速度
var interval=setInterval（函数（）{
步骤+=1；
如果（步骤>numSteps）{
间隔时间；
}否则{
var are\u we\u there\u yet=google.maps.geometry.spheremic.interpolate（出发、到达、步长/步长）；
line.setPath（[出发，我们到了吗]）；
}
}，timePerStep）；
line.setMap（map）；
});
@导入url（'http://getbootstrap.com/dist/css/bootstrap.css');
正文{填充顶部：25px；}
#地图画布{
宽度：100%；
高度：400px；
}