Javascript 向传单JS库添加本地搜索功能

Javascript 向传单JS库添加本地搜索功能,javascript,leaflet,Javascript,Leaflet,我正在尝试向传单JS库添加一个本地搜索工具,我以前从未使用过它,所以不太确定如何进行。我复制了缩放控件的工作原理,因此添加了此额外功能: L.Control.LocalSearch = L.Class.extend({ onAdd: function (a) { this._map = a, this._container = L.DomUtil.create("div", "leaflet-control-zoom"), this._localSearch = this

我正在尝试向传单JS库添加一个本地搜索工具,我以前从未使用过它,所以不太确定如何进行。我复制了缩放控件的工作原理,因此添加了此额外功能:

L.Control.LocalSearch = L.Class.extend({
onAdd: function (a) {
    this._map = a,
    this._container = L.DomUtil.create("div", "leaflet-control-zoom"),
    this._localSearch = this._createSearch(leafletmapsmarker_L10n.search_form, "leaflet-control-zoom-in", this._map.zoomIn, this._map),
    this._container.appendChild(this._localSearch)
},
getContainer: function () {
    return this._container
},
getPosition: function () {
    return L.Control.Position.BOTTOM_LEFT
},
_createSearch: function (a, b, c, d) {
    var e = document.createElement("a");
    return e.href = "#", 
    e.title = a,
    e.className = b,
    L.Browser.touch || L.DomEvent.disableClickPropagation(e),
    L.DomEvent.addListener(e, "click", L.DomEvent.preventDefault),
    L.DomEvent.addListener(e, "click", c, d),
    e
}
然后就这样开始了,

    _initControls: function () {
    this.options.searchControl && this.addControl(new L.Control.LocalSearch), this.options.zoomControl && this.addControl(new L.Control.Zoom), this.options.attributionControl && (this.attributionControl = new L.Control.Attribution, this.addControl(this.attributionControl))
},

所以基本上我需要弄清楚如何为搜索添加功能。也许我做得不对,但我在网上找不到太多关于这方面的信息,有人能帮我吗?

试试这个新的传单插件:

这里可以尝试更多演示:


试试这个新的传单插件:

这里可以尝试更多演示: