传单时间滑块播放按钮

时间:2017-05-24 15:16:22

标签: javascript leaflet

我无法在任何地方找到答案,但有没有一种方法可以在传单范围滑块上添加“播放”按钮以自动滚动时间?我有一个范围滑块来索引年份:

    $('#reverse').html('<img src="/js/Residents_Map_Nov14/img/left2.png"">');
    $('#forward').html('<img src="/js/Residents_Map_Nov14/img/right2.png">');
    $('.skip').click(function () {

        var index = $('.range-slider').val();
        //if forward clicked, increasing increments by 1
        if ($(this).attr('id') == 'forward') {
            index++;
            index = index > 2016 ? 1970 : index;
            map.legend.setContent(index);
        }
     }

所以,我的问题是,如何添加一个每年自动播放的“播放”按钮?谢谢。

1 个答案:

答案 0 :(得分:0)

我想你想随着时间的推移改变地图的内容。手工完成这项工作可能需要做很多工作(取决于你需要改变多少事情)。

我的建议是使用Leaflet插件作为时间维度,例如this one。这个允许您使用WMS或GEOJSON更改图层。

您还有其他插件,例如,如果您只想更改标记。 我建议你查看these plugins

祝你好运。