CanvasMap
Getting Started Tutorials 3D Reference

Spherical Backgrounds

The spherical example contains a star field as its background. This is accomplished by taking an image that contains the stars in a geographic projection. Then we add this to the scene as a Terrain Layer with a really big Offset. This places the image on a sphere around the earth but with the faces of the sphere rendering to the outside. To make them render toward the inside of the sphere, we need to specify THREE.BackSide as the Side parameter.

var TheImage='https://gsp.humboldt.edu/Archive/GISData/2019/WGS84_Geographic/3DTextures/milkyway3.png'; // image in geographic

var Universe=new CM3LayerTerrain();

Universe.SetSetting("Item","Name","Universe");

Universe.SetSetting("Elevation","Offset",40000); // set the universe to be much larger than the earth
Universe.SetSetting("TerrainMaterial","map",TheImage);
Universe.SetSetting("TerrainMaterial","Side",THREE.BackSide); // Make the sphere render to the inside insstead of the outside

TheMainContainer.AddLayer(Universe);

Universe.RequestData();