将纬度绘制到（墨卡托投影）SVG地图上

Question

我想将（google sourced）经度和纬度坐标转换为 x和y ，以便将点放在 SVG地图

我可以将经度转换为X但我不能指定纬度。

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

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

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

我试图模仿这个solution，不幸的是我出了点问题。

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

第二个测试函数secondconvert（纬度，经度）（javascript窗格底部）为我提供了一个相当准确的 x坐标，即如果我手动输入 y坐标 b.ylat更改为265它几乎完美地覆盖了我的左红点占位符。

我想我很亲近，任何帮助都会非常感激。

TIA。

---

来自here.的原始SVG

Answer 1

在lattest mapOffsetY内secondconvert()的计算中，您使用变量width，其中Raphael的解决方案使用worldMapWidth。确定您更接近预期结果，但仍然不准确。