Как добавить шаблон в форму GeoJson на карте React-Leaflet?

Question

Я использую React-Leaflet для отображения карты Leaflet.js .Я использую React-Leaflet GeoJSON ( источник здесь ), чтобы показать слой многоугольников на карте.

Хотя я могу варьировать непрозрачность заливки (fillOpacity) многоугольника, я не могу найти вариант для заполнения многоугольника узором (например, шашки, полосы и т. д.)

Я нашел проект ( Leaflet.pattern ), которыйподдерживает добавление шаблонов заливки к Leaflet.js фигурам, но оно не адаптировано для использования с React-Leaflet.

Поэтому мой вопрос: как я могу добавить шаблоны к React-Leaflet фигурам или адаптировать Leaflet.patternдля использования с React-Leaflet?(для последнего, инструкции по созданию пользовательских React-Leaflet компонентов здесь , но я не знаю, как сделать это для этого случая - это кажется более сложным, чем обычно)

Answer 1

Взгляните на раздел в документации о расширении реактивной листовки

Если вы используете реактивную листовку v1, вы можете напрямую расширить класс реактивной брошюры GeoJSON.Если вы используете v2, вам нужно расширить класс Path .Чтобы понять, почему это необходимо, взгляните на эту проблему .

Как только вы выяснили, какой класс расширять, вероятно, большинство ваших изменений должно произойти в createLeafletElementфункция и, возможно, updateLeafletElement функция.