How to correctly implement points on an SVG map?

Question

css

There is an SVG map and the question is how to correctly attach a point block to it?
I need the div(Point) to snap to a specific point on the map svg

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