球面地图变换

Question

我正在使用Raphael JS显示世界的可滚动缩放地图，该地图工作正常。但是地球的任何2D表示都将被扭曲。如果可能的话，我想转换地图，以便顶部和底部被捏入，以使地图至少更具代表性的地球仪。用Raphael的矩阵可以达到这样的效果，还是通过更深入地插入手动变换来实现？

Answer 1

用Raphael的变形（或SVG的本地矩阵变换）不能达到这种效果。拉斐尔是一个优秀的矢量绘图库，但试图在地图上使用它有点类似于使用Illustrator时，你应该使用GIS，可能但不理想。

如果您能承受失去IE 8 = <的支持，d3.js是支持地理预测的SVG可视化库。看看这个演示http://mbostock.github.com/d3/talk/20111018/azimuthal.html

否则，我建议让投影更适合您的需求的地图来源，例如这个http://en.wikipedia.org/wiki/File:BlankMap-World6.svg。但是，将lon lat转换为像素会更困难。