Как грамотно реализовать поинты на SVG карте?

Question

[Shuboanator]

Есть SVG карта и вопрос в том как к ней грамотно привязать блок поинта?
Нужно что бы div(Point) привязался к определенной точке svg карты

<div class="map">
    <svg id="map-svg">
    </svg>
   <div class="point"></div>
</div>

Comments

[iBird Rose]

красиво и чтоб адаптивно - никак. делай поинты также в svg. на них тоже можно вешать различные ссылки, всплывашки и js скрипты

[DENIS Kokorev]

Открой svg в illustrator. Нарисуй поинты какие хочешь. Сохрани в svg. Открой в текстовом редакторе. Найди поинты добавленные присвой им id или класс. Можешь управлять ими через js или css.

Если карта совпадает с земной, ее можно привязать к реальным координатом lat lng, и конвертнуть в geodata, например, если необходимо. Ну и потом можно на ней любые вещи накладывать по реальным координатам.