How to

Create a 3d online globe

Create a 3d online globe

A tutorial, how to create a 3d online globe and visualise in WebGLEarth.

The easiest way to create an online 3d globe from an image is to prepare the texture of the whole world with a size ratio 2:1, since there is 360 to 180 degrees. Such texture can be downloaded from a David Rusey’s website:

First, open the MapTiler, choose Mercator tiles and drag and drop the image inside. Confirm the suggested projection and choose bounding box. You can directly confirm the bounding box values, as the area covers the whole world. Click on continue, choose MBTiles or folder, type the name and start rendering.

The next step is to upload the created map to any hosting, in the video tutorial is used the Amazon S3, but you can use a standard webhosting with tileserver php application.

After rendering, go to your tileserver and choose the globe. Then, click on preview in WebGLEarth.

The online globe is fully covered with the prepared texture. Its now possible to turn, zoom, pan and simply play with the Globe according to your wish. You can also copy and paste the source code into your website and the globe runs without any plugins directly in html5.