Прикрепить маркер поверх SVG полигона?

Question

[キム ファイブプラス]

В наличии SVG карта страны, разбитая на регионы.
Необходимо в каждом регионе расставить метки, естественно они должны быть редактируемые, а следовательно являть html элементами. Временно решил абсолютным позиционированием с процентными координатами. Но это не дело, и хотелось бы по человечески маркеры цеплять на определенный полигон. Не могу сообразить как получать координаты определенного полигона для использования на js. Или возможно есть какие то более простые способы.



Полигоны вида:

<polygon xmlns="http://www.w3.org/2000/svg" class="st1" points="221.4742889,160.039566 221.0783691,157.3681641 221.5668488,155.0890503 219.4485321,152.1580658    221.4049377,148.5755615 227.4274597,141.0863647 232.4766388,139.4576569 235.4063721,134.4095764 236.5075684,127.0909195 "/>

Answer 1

[Moskus]

Задача называется "нахождение центроида".
https://www.npmjs.com/package/polygon-centroid

Comments

[キム ファイブプラス]

Да не нужно мне центровать. Мне нужно чтобы была респонсивность.
Чтобы маркер оставался всегда в одних и тех же координатах.

[Moskus]

Евгений Антипов, https://websitebeaver.com/how-to-make-an-interacti...

Что не отменяет задачи правильного расположения маркеров, на самом деле.

Answer 2

[ksnk]

Нужно подписать полигон, или подписать в город в регионе? Если второе, то у города есть определенные координаты, которые нужно бы привязать к полигону, чтобы не удивлять странным расположением города его жителей. Если подписывать, то проще взять среднее арифметическое габаритных размеров полигона

Comments

[キム ファイブプラス]

В одном регионе может быть несколько маркеров.
Вопрос был не в этом, а в том, как получать координаты точки в конкретно взятом полигоне с помощью JS?
Подобно тому, как это происходит в картографических сервисах, предположив что карта целиком это 0 масштаб.