将纬度绘制到(墨卡托投影)SVG 地图上



我想将(谷歌来源的)经纬度坐标转换为 x 和 y 以在 SVG 地图上放置点

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

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

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

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

我试图模拟这个解决方案,不幸的是我弄错了。

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

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

我想我很接近,任何帮助将不胜感激。

蒂亚。


原始SVG从这里开始。

在计算lattestmapOffsetY secondconvert()时,您使用的是变量width,而拉斐尔的解决方案使用 worldMapWidth 。修复你更接近预期的结果,虽然仍然不精确。

最新更新