首先查看效果,见下图:
绘制3D地球的步骤如下:
1. 创建投影,并确定初始旋转角度;
2. 创建地球方格生成器;
3. 创建路径生成器path;
4. 渲染地球方格;
5. 渲染初始角度的地图;
6. 创建定时动画,更新投影的旋转角度;
7. 重绘地图;
相关初始化代码如下所示:
// 创建投影
var projection = d3.geoOrthographic()
.center([0, 0])
.translate([cx, cy])
.scale(width / Math.PI)
.rotate([0,