如何使用地理门户扩展传单在地图上添加搜索栏

Question

我正在尝试更新使用传单的地图。我想添加一个地理搜索栏。为此我安装了这个扩展

geoportal-extensions-leaflet@2.2.2

现在我尝试在 JS 中运行这段代码。

    var searchCtrl = L.geoportalControl.SearchEngine({});
    this.map.addControl(searchCtrl);

TypeError: L.geoportalControl is undefined

L 指的是：

    const L = require('leaflet');

所以现在我的问题是：此错误是否意味着我应该为传单地理门户扩展执行其他“要求”？或者这是否意味着我错误地安装了扩展程序或者我犯了其他错误？编辑：我误解了如何导入库，因为我只尝试过像 codepen 这样的在线工具，其中导入是不同的。

Answer 1

需要做的是导入传单和geoportal-extensions-leaflet。

之后

npm i geoportal-extensions-leaflet

扩展源在里面

node_modules/geoportal-extensions-leaflet

库应该使用 :

在 JS 中导入

const Gp = require('geoportal-extensions-leaflet');

这段代码现在可以使用了，但我们应该参考 Gp 才能访问 geoportal-extensions-leaflet :

var searchCtrl = Gp.geoportalControl.SearchEngine({});
this.map.addControl(searchCtrl);

How to add a search bar on a map using geo portal extention leaflet