选中后缩放地图结果

时间:2018-01-19 17:02:38

标签: javascript jquery leaflet geojson

我有多个选择,一个取决于另一个的结果,最后我需要它放大我搜索和找到的区域。但它没有用。

源代码在这里:

https://github.com/eltonsantos/leaflet-tests/blob/master/teste3/index.html

Problem with zoom

我试过了:

$("#numSearch").on('change', function(e){
        console.log(e);
        map.fitBounds(e.getBounds());
    });

但是不行。有人帮帮我吗? Ps:抱歉我的英文不好

修改

我试过了:

$("#numSearch").on('change', function(e) {

        var value = $(this).find(':selected').val();
        var boundArea = value.target;
        map.fitBounds(boundArea.getBounds());


    });

其中值以字符串格式返回74 但是没有用,得到一个错误:

Uncaught TypeError: Cannot read property 'getBounds' of undefined

1 个答案:

答案 0 :(得分:0)

在正确测试代码是否有效之前,您需要先缩小minZoom。我不知道你的屏幕,但如果所选区域大于最小变焦时屏幕的边界,地图将无法正确适合边界。

我刚刚查看了你的代码。尝试将点击通话更改为:

attemptAuthentication

在调用 layerStComerciais.on('click', function() { map.fitBounds(layerStComerciais.getBounds()) }); 方法时,每次点击调用都应使用传单层。