Javascript 让一个div显示在全屏地图的准确位置，而不考虑屏幕大小/比例

我试图以15px/15px的小圆圈（跨度元素）的形式，在100%高度、100%宽度（相对于屏幕大小背景）（欧洲地图）上标记海港。不幸的是，当我给它们一个绝对位置并使用百分比指定它们的对齐方式时，当比例/屏幕大小改变时，它们似乎在地图上移动

有没有办法绕过这个问题，强迫他们在地图上完全相同的位置，而不管屏幕大小/位置如何？

---

如果有任何相关性，则使用background属性设置背景，并且图像为.svg格式。我还将背景大小更改为1000%，并使用background position属性设置其位置。

能否显示一些代码和/或演示？使用背景图像这很难。有了一个真实的图像，这就容易多了——如果你能发布一个代码示例，这会有所帮助