如何使用地理门户扩展 leaflet 在 map 上添加搜索栏

Question

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

geoportal-extensions-leaflet@2.2.2

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

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

TypeError: L.geoportalControl 未定义

L 指的是：

    const L = require('leaflet');

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

Answer 1

需要做的是同时导入 leaflet 和 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);