Leaflet, Как нарисовать фигуру как краску (кисть)

Question

Я пытаюсь использовать этот плагин https://github.com/tcoupin/leaflet-paintpolygon для аннотации изображения в форме многоточечной окружности. но этот плагин не работает должным образом из-за ошибки в библиотеках, используемых в нем. Есть ли другое решение для этого в листовке или других библиотеках JS? Спасибо

Answer 1

Вы можете попробовать библиотеку 'Leaflet.draw' (https://github.com/Leaflet/Leaflet.draw),. Этот плагин позволяет создавать полигоны и линии:

Пример на изображении

Answer 2

Если вам нужен инструмент для произвольной работы, вы можете создать его без какого-либо плагина или библиотеки. С помощью следующего кода вы можете запускать или останавливать рисование от руки одним щелчком мыши.

let paintMode = false;
var myPolyline;

map.on('click', function() {
  paintMode = !paintMode;
  if (paintMode) {
    myPolyline = L.polyline([]).addTo(map);
  }
})

map.on('mousemove', function(e) {
  if (paintMode) {
    myPolyline.addLatLng(e.latlng);
  }
})

Вот рабочий jsfiddle: https://jsfiddle.net/5drknva4/