Map to Globe - Help and How to Use

Controls

Left-click and drag to rotate.

Scrollwheel to zoom.

Images

General Image Information

Surface

The main image map. This is what you'll see over the globe.

Night

This image will show on the dark side of the globe if the atmosphere effect is enabled. Usually looks something like this.

Heightmap

A heightmap image will add a mountain (or height) effect to the globe. Heightmap images usually looks like this. The higher the elevation, the more white that area should be on the map.

Background

An image used for the background.

Generate

Seed

The seed number is a number that is used in the algorithm to generate the world. The number can be anything. The same seed will always give the same resulting world.

Resolution

Essentially the amount of detail in the image. Higher values will give a smoother looking image while lower ones will give blockier images. A high resolution value will also take a lot longer to generate. If you want to play around with generation, start with a lower resolution number until you get a world you like. Then bump up the resolution value to get a better final image.

Noise

High noise values give smaller "land" masses while lower noise values give larger ones.

Detail Amount

This value controls the amount of detail in the final image by increasing the number of times the noise function is run. A low number generally produces much smother noise areas (i.e. land masses on the map) while a higher value here wll create land masses that are more jagged.

Roughness

Somewhat similar to the above "detail amount", roughness controls exact that. A higher value will produce much "rougher" noise.

Ocean level

Controls the height of water areas in the generated map.

Options

Solid black background

Toggles whether the background is a solid black color or not.

Toggle Transparent Background

Toggles whether the background is transparent or not (if not, it will either be an image if set, the default color, or black if the above checkbox is checked).

Show Pol Line

Toggles whether a pole/axis line is shown.

Show Lat/Long Grid

Toggles a latitude/longitude grid overlay on the globe.

Meridians interval

How far apart, in degrees, the meridians (vertical lines) are.

Parallels interval

How far apart, in degrees, the parallels (horizontal lines) are.

Color

The color of the latitude/longitude grid.

Show Atmosphere

Toggles the atmosphere overlay effect.

Night-side darkess

How dark the night/dark side of the globe is.

Rayleigh Scattering

Changes the effect of the thickness of the atmosphere at higher altitudes (and by extension, the apparent height of the atmosphere).

Mei Scattering

Changes the density effect of the atmosphere (how thick it is).

Color

Changes the color of the atmosphere

Note: Both the scattering values can end up changing the color of the atmosphere, just as the Earth's atmosphere causes sun light to be scattered and "create" different colors.

Measure distance

Enables you to click to points on the globe and have the distance measured. Specify the radius of the globe to get the correct distance.

Axial Tilt

Changes the tilt of the globes axis, in degrees measured from the vertical.

Sun Position

Changes the position of the sun. X is left-right, Y is up-down, and Z is away-towards (or "in-out" of the screen).

Light Intensity

The brightness of the sun.

Background View

Changes how the background is displayed. 2D is a flat background image. 3D wraps it around the inside of a sphere (in other words, it gives the effect of the globe being inside another much larger sphere).

Height Map Method

How the heigh map, if one has been added, is displayed. 2D uses shadow effects to give the illusion of height on the globe. 3D changes the actual height on the globe.

Heightmap Scale

Changes the scale of the elevation.

Save

Saving will upload any images you are using to imgur and then store those links, along with any options you have set in the Options window, in a local database. It creates a unique URL that can then be used to retreive everything that was saved. It also creates a unique key ID that can be used to update this save later on. Important! If you lose the key ID, you will not be able to update the existing save and will have to create a new save.

Screenshots

Upload screenshot to imgur

This will take an image of the current globe area and automatically upload it to imgur.

Download Screenshot

This will take an image of the current globe area and download it to your computer.

Download Screenshot Options

Controls the number of screenshots that are (automatically) taken and at what angle. For example, "4 shots at 90°" will take a screenshot, rotate the globe 90°, taken another, and so on until 4 screenshots have been taken.

Animations

Here you can create animated gifs of the globe. This process uses your computer to do the necessary work, so the speed is dependent on your computer's hardware.

Rotation direction

Control which way the globe is spun when creating a gif.

Make gif of...

"Rotating globe" will keep the sun fixed and rotate the globe.

"Rotating sun" will keep the globe fixed and rotate the sun around it. This option will only be availabe if the atmosphere option is enabled.

FAQ

"My map looks weird on the globe" - A note on map projections

When converting from a 2d image to sphere or sphere to 2d, there will always be distortion. There's a whole Wikipedia article on map projections that goes over this. From what I can tell, the method that this code uses to wrap a 2d image around the sphere works best with a map following the Equirectangular projection. Take note how that projection distorts the image around the poles and take this into consideration when using this app with any maps you have made (that is, if you haven't drawn your map with the distortion of a equirectangular projection in mind, then you may end up with weird looking poles on the sphere). If you use a map that does not follow this projection (example: a square image), it will be distorted incorrectly.

While this app allows you to look at different map projections, it still requires that the original image be equirectangular (or at least a 2:1 image ratio). Again, if you use something different it will distort incorrectly. If you have a map that uses a different projection, you can use a program like GProjector to convert it.

Errors trying to "upload a screenshot" or "save"?

Both "saving" and "uploading a screenshot" use imgur. To "save", the map image (and background image, if you used one) must be under the 10MB limit imposed by imgur. If you add an image that's over 10MB, the "save" button will be disabled. If you see "Error uploading", then there was a problem on imgur's end. It could be that imgur is down and/or not responding, a problem with the image you're trying to upload, or something else. If you can manually navigate to imgur, yet you still see this error message, please contact me.

Performance Issues?

Map to Globe uses your computer to do things like render the globe area, create screenshots and gifs, run the generation algorithm, etc. Because of this, the speed and performance of these functions will be largely dependent on your computer and browser. If it's really bad for you, please contact me (and/or try another browser). In my testing, Firefox appeared to be the worst, performance wise.

Internet Explorer Issues

Yes, IE has problems. I've tested this using IE11 and it still doesn't perform as well, in some areas, as FF and Chrome. Using a heightmap will through an error message in the console (though it doesn't appear to stop the heightmap from working completely). The lighting in the 3D heightmap option is completely messed up. From what I've found elsewhere online, these are caused by problems on IE's end. Lastly, IE does not support the method I've used to download screenshots.

Other Problems?

Unfortunately the only QA for this is myself and those who use this. If you find problems, please send me a message and I'll try to fix them.

General

Map to Globe uses many third party resources in it's code including, but not limited to, three.js, d3.js, async, and Remodal. I make no claims to these resources and they are used as per their respective licenses. Attribution for other code has been made when and where necessary. For any questions, please contact me.

Images

Map to Globe allows users to import any image. The app does not check if the user has any legal right to use an image they upload. When a user saves a configuration within Map to Globe, images are uploaded to imgur.com. Imgur's terms of service can be viewed here. If you find that an image you own has been used without your permission, please contact me using one of the methods below.

Contact

Questions, problems, or other feedback? Post on the related subreddit, send me a message there, or send me a message below.