从纬度和经度获取SVG定位X和Y

时间:2018-04-26 08:52:21

标签: math svg position logic

这基本上比纯编程更像是逻辑和算术问题:我在我的网页(法国地图)中有一个SVG绘图,我想将蓝点定位为嵌套的SVG。点是<circle r="10.7"/>

蓝点代表我拥有纬度和经度坐标的地方。

我知道地图的中心有以下SVG坐标:

<circle cx="103.5" cy="103.5"> // outer circle

因此,蓝点SVG标记的位置如下:

<svg x="92.8" y="92.8"> // blue dot svg tag

这些值的计算如下:103.5 - 10.7 = 92.8是地图的中心减去蓝点的半径。所以它完全集中在这里:

minimap

由于允许此操作的多个网站之一,我已经大致获得了法国中心的纬度和经度坐标。那些是:

Latitude : 46.561941
Longitude : 2.468983

所以我知道

46.561941 = 92.8
 2.468983 = 92.8

因此,我想知道如何计算这两个值之间的对应关系,这将使我能够在给定新的纬度和经度坐标的情况下将蓝点定位在我需要的任何位置。

我觉得一个简单的规则3是不够的(我已经尝试过了)。另外,我需要考虑10.7圆半径。

新的xy SVG定位值是什么,让我们说这些新坐标?

Latitude : 43.227284
Longitude : 3.243921

此外,整个SVG视口为(207, 207),外部SVG标记为width="90px"height="90px"

谢谢!

0 个答案:

没有答案