Линии, соединяющие элементы div и точку на svg [закрыто] ⇐ CSS

[Anonymous]

У меня есть карта SVG и несколько информационных карточек. Я пытаюсь реализовать линии, соединяющие карты и точки на карте. Небольшой пример:

https://codesandbox.io/p/sandbox/map-k5 ... %3A61%2C18

введите здесь описание изображения

Как лучше всего вычислить координаты линии, чтобы она не ломалась при масштабировании?

Вот код, который я использую для рисования линии.