将 EasyButton、Geoman 与 ngx-leaflet 集成

我在 Angular 应用程序中使用原始 leaflet.js，它依赖于一些传单插件，如 EasyButton、Geoman、Distortable Image。 ngx-leaflet 看起来很酷而且很简单。所以我决定迁移到 ngx-leaflet。但我确信是否可以将这些插件与库集成。如果是这样，请提供一些指导。

回答我自己的问题。 以下是我让 geoman 使用 ngx-leaflet 所遵循的步骤。

1. 安装风水师npm i @geoman-io/leaflet-geoman-free. refer 土工 github 页面 https://github.com/geoman-io/leaflet-geoman

2. 在styles.scss中导入geoman css@import '../node_modules/@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css';

3. 组件中导入geomanimport '@geoman-io/leaflet-geoman-free'; Done.

然后像这样使用它

this.map.pm.addControls({
      position: 'topleft',
      drawCircle: false,
      drawCircleMarker: false,
      drawPolyline: true,
      drawRectangle: false,
      drawPolygon: true,
      editMode: false,
      dragMode: false,
      cutPolygon: false,
      removalMode: false,
      drawMarker: false
    });