javascript - 多条折线路线上的 Leaflet Loop Snake 功能

标签 javascript for-loop animation leaflet openstreetmap

我目前有两条路线,都存储在数组中。我正在尝试使用以下 for 循环按顺序对路线(折线)进行动画处理。

var pathmat = [path1, path2];
for (var p = 0; p < 1; p++)
    {
    function snake() {
        pathmat[p].snakeIn();
    }

    pathmat[p].on('snakestart snake snakeend', function(ev){
        console.log(ev.type);
    });
    }

它直接跳到动画路径2。

请帮忙。

注意:我绝对是 JS 菜鸟。

最佳答案

你似乎正在使用我自己的 Leaflet.SnakeAnim插件(你应该在你的问题中提到这一点)。

文档指出您可以在 L.Polyline 上使用 snakeIn(),也可以在 L.LayerGroup 上使用 snakeIn(),并提供了示例的。另请参阅source code demo-group.html ,它会为多条折线一条接一条地设置动画。

关于javascript - 多条折线路线上的 Leaflet Loop Snake 功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44951984/

相关文章:

javascript - 与 Node 成 Angular

javascript - 无法使用 Angular 模式表单指令渲染复选框

javascript - 鼠标悬停时图像缩放到指针位置

c++ - 使用 Opencv C++ 对循环进行矢量化

swift - animateWithDuration 未显示

iPhone SDK - 如何以编程方式使用动画滚动 UITableView?

javascript - 如何在jsp中使用ajax使jquery自动完成ui

java - 在Java中使用 'enhanced for'迭代时修改数组元素是否有效?

java - 查找步行道距离之间的高度

c# - 非旧版动画无法停止/控制