Estou desenvolvendo um mapa, em Javascript usando SVG para desenhar as linhas.

Gostaria de adicionar um recurso onde você pode procurar por uma estrada e, se a estrada for encontrada, um círculo aparecerá no mapa.

Eu sei que posso desenhar um círculo em SVG, mas meu problema é que o tamanho do círculo não deve mudar dependendo do nível de zoom. Em outras palavras, o círculo deve ter o mesmo tamanho em todos os momentos. As estradas no meu mapa têm esse recurso, tudo que eu tinha que fazer era adicionar

<code>vector-effect="non-scaling-stroke"
</code>

para os atributos de linha ..

Uma linha parece com isso.

<code><line vector-effect="non-scaling-stroke" stroke-width="3" id = 'line1' x1 = '0' y1 = '0' x2 = '0' y2 = '0' style = 'stroke:rgb(255,215,0);'/> 
</code>

O círculo parece com isso.

<code><circle id = "pointCircle" cx="0" cy="0" r="10" stroke="red" stroke-width="1" fill = "red"/>
</code>

É possível definir o círculo como "sem escala" de alguma forma?