Интеграция EasyButton, Geoman с ngx-листовкой

Question

Я использую сырой буклет. js в моем Angular приложении, которое зависит от некоторых плагинов листовок, таких как EasyButton, Geoman, Distortable Image. Листовка ngx выглядит круто и просто. Поэтому я решил перейти на листовки ngx. Но я уверен, что есть возможность интегрировать эти плагины с библиотекой. Если да, предоставьте некоторые указания.

Answer 1

Отвечая на мой собственный вопрос. Вот шаги, которые я выполнил, чтобы заставить геомана работать с ngx-листовкой.

1. Установить геоман npm i @geoman-io/leaflet-geoman-free. см. страница Geoman GitHub

2. Импорт геомана css в стилях. css @import '../node_modules/@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css';

3. Импорт геомана в компонент import '@geoman-io/leaflet-geoman-free'; Готово.

, затем используйте его вот так

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
    });