mapping - 在(墨卡托投影)SVG map 上绘制纬度

Question

我想将(来自 google 的)经度和纬度坐标转换为 x 和 y，以将点放置在 SVG map 上

我可以将经度转换为 X，但无法确定纬度。

http://jsfiddle.net/chrisloughnane/an3BZ/17/

• 红点=占位符
• 绿点 = 根据经度/纬度计算出的位置

我读了很多关于墨卡托投影和其他投影系统 API 的内容，现在我完全困惑了。我还关注了 Proj4JS 库线程，但找不到接近我的任务的示例。

我试图模仿这个 solution ，不幸的是我弄错了。

有人可以看一下我的 jsfiddle 看看这是否是一个明显的错误。

第二个测试函数 Secondconvert(latitude, longitude) (JavaScript Pane 底部)为我提供了一个相当准确的 x 坐标，即如果我手动输入 y 坐标 b.ylat 更改为 265 它几乎完美地覆盖了我的左侧红点占位符。

我想我已经很接近了，任何帮助将不胜感激。

蒂亚。

<小时/>

原始 SVG 来自 here.

Answer 1

在 secondconvert() 内计算 lattest 和 mapOffsetY 时，您使用的是变量 width，其中 Raphael 的解决方案使用worldMapWidth。修复后，您将更接近预期结果，但仍然不精确。