leaflet.js中的自动三级缩放

时间:2015-04-22 05:19:36

标签: leaflet

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

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

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

任何人都可以共享上述代码。

提前感谢所有人。

1 个答案:

答案 0 :(得分:0)

我做了这个功能

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/

问候..