将SVG圆坐标转换为小叶地理坐标系

Question

我正在使用概念验证应用程序，该应用程序显示布鲁塞尔（see it）地铁的实时地图。我使用Adobe Illustrator创建了地图，并使用圆圈表示每个停靠点。对于地图视图，我使用的是leafletjs。

例如，这是带圆圈的svg地图的简化版本。

return ((d-b)/(c-a))

这是我的leafletjs地图的定义

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5457 4961">
<defs><style>.a{fill:#fff;stroke:#000;stroke-miterlimit:10;}</style></defs>
<title>Simple Map</title>
<circle class="a" cx="1957.5" cy="1399.5" r="4.5"/></svg>

我的问题是：

是否可以将svg圆的 cx 和 cy 转换为传单地理坐标系统？

我需要在地铁的所有站点都放置一个传单标记。现在，对于我地图上显示的唯一一条线，我用手获得了坐标：（

提前谢谢！ 温贝托

Answer 1

您可以使用它移动您的圈子 其中x和y分别是x轴和y轴坐标

$('rect').attr("transform","translate("+x+","+y+")");