Loading real terrain into three.js using free map data

Question

Has anyone got any ideas on how to load real terrain data into a three.js scene.

I would like to have a 3D model on a the actual terrain , i.e the elevations and overlayed satellite imagery .

Create scene : ok Load and animate models : ok Terrain and satellite imagery : ???

Thanks in advance. Jon

Answer 1

Three.js has an example on how to make a terrain, so that one's covered. Regarding the satellite imagery, you'll use that as a texture on your terrain. The only thing that is important is to get the texture coordinates right, so that may end up being tricky.

This blog post gives a good example and its code is available online, too.