Catch Leaflet Search活动

时间:2017-11-21 15:02:33

标签: javascript jquery events search leaflet

我试图在我的传单地图查看器中添加search box

var controlSearch = new L.Control.Search({
    layer: new L.LayerGroup()
}).on('search_expanded', function () {
    console.log('search_expanded!')
}).on('popupopen', function(e) {
    var marker = e.popup._source.feature.properties.markerid;
}).addTo(map);

我需要添加自定义代码来执行events上的搜索功能,我已经在其上设置了断点。但是,当我按下搜索按钮或键入文本时,代码无法到达我的活动 我使用地图来显示土地面积。搜索必须根据其自定义属性识别区域,并突出显示区域或其他内容以向用户标识区域。因此,搜索不应该应用于位置或类似的东西,而是应用于显示的项目的自定义属性。 该页面主要使用jQuery,没有Angular。

我还没能找到一系列事件 那么如何捕获用户输入的事件?

1 个答案:

答案 0 :(得分:1)

您可以在搜索输入框中添加这样的事件:

var controlSearch = new L.Control.Search({
   layer: new L.LayerGroup()
}).on('search:expanded', function () {
   this._input.onkeyup = function(){
     console.log(this.value)
   }

}).addTo(map);