Leaflet.js 中的自动三级缩放

【问题标题】：Auto three level zoom in leaflet.jsLeaflet.js 中的自动三级缩放
【发布时间】：2015-09-19 04:48:20
【问题描述】：

我正在寻找的是说在简单的传单示例中有 1 到 8 级缩放。

http://leafletjs.com/examples/quick-start.html

假设我有一个叫做距离的变量。如果距离值为 4000，它应该自动从 1 到 3 缩放级别开始缩放。一旦达到缩放 3，它应该再次回到缩放 1 并继续自动执行此操作。一旦距离值更改为 3000，它应该从缩放 2 到 4 开始。再次，一旦距离值更改为 2000，它应该从缩放 3 到 5 开始。

任何人都可以分享上述相同的代码。

在此先感谢大家。

【问题讨论】：

它应该每 5 秒自动缩放一次

标签： leaflet

【解决方案1】：

我做了这个功能

function autoZoom(map,startLevel,endLevel, time){
                var i=startLevel;
                var reverse=false;
                window.setInterval(function () {
                    map.setZoom(i);
                    if(i==startLevel && reverse ) reverse=false;
                    if(i<endLevel && !reverse ){
                        i++;
                    }
                    else{
                        reverse=true;
                        i--;
                    }
                }, time);


            }

例如，

if(distance==4000){
    autoZoom(map,1,3,5000)
}
if(distance==3000){
    autoZoom(map,2,4,5000)
}

你可以在这里测试它：

http://jsfiddle.net/osk386/570Lubb2/

问候..

【讨论】：