Я создаю карты парковок, используя Vue2Leaflet, который использует библиотеку Leaflet.js. Я хочу реализовать функцию, в которой используемая емкость партии отображается с градиентной заливкой. Градиент красного и зеленого цвета с резкими краями был бы близок к показателю заряда батареи. Чем больше красного, тем меньше возможностей. Vue2Leaflet предоставляет :fill-color
реквизит для полигонов Leaflet, но он принимает строку. Я знаю, как создать градиент в сети, это либо набор правил CSS для background-color
, либо использование <svg>
элементов. Кто-нибудь успешно сделал градиентные полигоны при использовании Leaflet?