Как изменить ширину, цвет и непрозрачность обводки элементов SVG в наложении Leaflet? ⇐ CSS

[Anonymous]

У меня есть слой SVG поверх карты Leaflet, и я создал на этой карте круги-маркеры, поля надписей и линии, соединяющие их. Я могу изменить большинство атрибутов элементов CSV, но есть некоторые, которые я не могу изменить. В частности, я не могу изменить ширину, цвет штриха или непрозрачность заливки этих маркеров (только).
Непрозрачность застрял на значении 0,5, обводка белая, а ширина обводки равна 1... независимо от того, что я пишу.
Я создаю круги-маркеры следующим образом:

Код: Выделить всё

var marker = svg
.append("g")
.attr("class", "markerNodes")
.selectAll("circle")
.data(markerNodes)
.join("circle")
.attr("r", 6)
.attr("cx", (d) => d.x)
.attr("cy", (d) => d.y)
.attr("fill", "#445d72")
.attr("stroke", "#000000")  // => no effect
.attr("opacity", 1)         // => no effect
.attr("fill-opacity", 1)    // => no effect
.attr("stroke-width", 4)    // => no effect

Я присваиваю этим маркерам класс «markerNodes», поэтому у меня также должна быть возможность устанавливать эти атрибуты через CSS, но это тоже не работает.

Код: Выделить всё

.markerNodes {
fill: #0000ff;
stroke: #0000ff;
fill-opacity: 1;
stroke-width: 5;
}

Я могу управлять цветом заливки, как правило, либо в определении, либо в CSS.
Если я устанавливаю непрозрачность или fill-opacity до 0 в CSS, тогда они исчезают; однако значение 1 или оба значения не делают их полностью непрозрачными. Все остальные элементы полностью непрозрачны, если установлено значение 1.
Я перепробовал все, что мог придумать, и смог найти, что может помешать мне изменить ширину обводки, цвет и заливку. -непрозрачность?

Подробнее здесь: https://stackoverflow.com/questions/791 ... lements-in