Концентрические цветные кольца в Leaflet. Как реализовать?
Задача: нарисовать в leaflet концентрические кольца, примыкающие друг к другу. При наведении (mouseover) на кольцо будет висеть свой обработчик, который в числе прочего, меняет прозрачность (с 0.8 на 0.5). Именно поэтому использовать circle(), вставленные в друг друга невозможно - при изменении прозрачности внешнего меняется прозрачность всех (а круги разного цвета плюс ко всему).
Знаю, что это можно реализовать. Как это сделать? Как задать кольцо с r1 и r2 (внешний/внутренний радиус), что бы оно было полигоном?
freeExec, Это понятно.
Вот допустим как это делается через с простыми произвольными фигурами
let latlngs = [
[[37, -109.05],[42, -109.03], [43.5, -107.03], [41, -102.05],[37, -102.04]], // outer ring
[[37.29, -108.58],[40.71, -108.58],[40.71, -102.50],[37.29, -102.50]] // hole
];
let polygon = L.polygon(latlngs, {color: 'red', lineCap: 'round', lineJoin: 'round'}).addTo(this.MAP);
А как мне получить latlng круга?? При том, что мне нужен именно определённого радиуса, т.е входные данные - центр и радиус.
Средний
Средний
