css - 世界坐标到图像位置

Question

我有一张世界地图的图像。它必须是一个图像，因为我们的设计师已经设计了它，所以它不能用谷歌地图或类似的东西来完成。现在，在这张地图上，我需要为特定国家放置图钉。

我的问题是，我可以以某种方式将每个国家的中心坐标转换为图像位置吗？目前，一些国家的积分是通过绝对位置添加的（例如，顶部：15%，左侧：40%），但对所有国家/地区都这样做似乎不是一个好计划：D

PS：地图是按比例绘制的，我有一个所有国家坐标的 json 文件。

如果有人有任何替代解决方案，我真的很感激。

标签： cssimagedictionarycoordinates