将本地搜索功能添加到传单 JS 库
Adding a LocalSearch facility to Leaflet JS Library
我正在尝试将本地搜索工具添加到传单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))
},
所以基本上我需要弄清楚如何添加搜索功能。也许我以错误的方式解决这个问题,但我在网上找不到太多关于这个的信息,所以有人可以帮助我吗?
试试这个新的传单插件:传单搜索
在这里可以尝试更多演示:
https://opengeo.tech/maps/leaflet-search/
相关文章:
- 将js添加到wordpress中以突出显示css活动菜单
- css是从远程node.js添加的,但不适用于html页面
- Chart.js-添加渐变而不是纯色-实现解决方案
- 通过JS添加类时应用CSS转换
- 使用System.JS添加模块
- 通过纯JS添加图像
- js添加封装来修改属性值
- 使用 d3.js 添加下拉菜单
- 如何将从GWT编译的JS添加/访问到另一个外部HTML / JS项目中
- 单击通过核心 JS 添加类
- Knockout js 添加一个新列表
- 如何在提交时向Happy.js添加确认消息
- 尝试使用js添加webkit
- JS添加到功能而不是替换为原型
- Ember教程-向router.js添加新的路由
- 在使用Dropzone.js添加文件之前,是否可以有弹出选项
- 使用JS添加CSS规则
- 向simplecart js添加拇指
- 如何使用fabric.js添加图像过滤器
- MVC 4部分视图是否使用其父视图'或者必须将.css和.js添加到局部视图中