Html 使用三维立方体创建世界地图场景？（WebGL、Three.js、Canvas）

我想创建一个3D透视的世界地图，包括阴影： （请等待3秒钟，使其动画显示到其位置）

在世界地图的顶部，我想放置简单的红色立方体（也投射阴影），而不是上面示例中的标记

您将使用哪些web标准/框架

在伪代码中，如何实现上述功能

---

您可以使用纯webGL实现，但如果您想快速编写代码，请使用Three.js

create plane
apply world map texture
pixel-shader displacement for country shapes and shadow
red cubes
render shadow map for directional light and apply it to plane