2

我正在尝试延迟加载 js 绘图库Leaflet-Geoman

我正在使用 webpack 和以下代码来加载

  private async loadGeoman () {
    await import(/* webpackChunkName: "leaflet-geoman" */ '@geoman-io/leaflet-geoman-free')
  }

然后在下面的函数中使用它

  public async enableDrawing (type: TaggedType, item: any) {
    await this.loadGeoman()

    this._map.pm.enableDraw(type, {
       ...
    })
    ....

我不断收到以下错误

TypeError: Cannot read properties of undefined (reading 'enableDraw')
    at DrawingService.enableDrawing (drawing.service.ts?af11:192)
    at eval (drawing.service.ts?af11:75)

图书馆似乎没有与传单地图挂钩。传单地图是在加载库之前创建的，我假设这是问题所在，但我不知道如何解决它

4

1 回答 1

2

Geoman 在初始化地图时将其自身添加到地图中。这意味着如果L.Map在 Geoman-Script 添加到您的站点之前调用，Geoman 将不会添加到地图中。然后你需要打电话L.PM.reInitLayer(map)。

public async enableDrawing (type: TaggedType, item: any) {
    await this.loadGeoman();

    L.PM.reInitLayer(this._map);

    this._map.pm.enableDraw(type, {
       ...
    })
于 2021-09-18T10:11:23.000 回答