What is 3D Globe?

This tool renders an interactive Earth you can rotate, zoom, and explore using Three.js and WebGL. Click on countries, zoom into regions, and drop custom markers anywhere. Everything runs locally on your device.

The globe is a WebGL sphere textured with NASA's Blue Marble imagery. Drag to spin it, scroll to zoom from continent down to city level, and click any city in the dropdown to fly the camera there. One-click landmark buttons jump straight to the Eiffel Tower, Everest, Machu Picchu and other famous spots. Markers stay anchored to latitude and longitude as you rotate, glowing arcs connect them in order, and the total great-circle path distance is shown in km and miles. Save the current view as a PNG screenshot, or copy a share link that restores the full marker set for anyone who opens it.

How to use

1. Click and drag to rotate the globe, scroll to zoom in and out
2. Click on any country to see its name, or use the search to find a specific location
3. Add custom markers by entering coordinates or clicking on the globe surface

When to use

• Plotting the stops of a multi-country trip to share with friends or co-travellers.
• Building a quick visual for geography class showing capital cities or biomes.
• Sketching a logistics map of warehouse or distributor locations for a meeting.

Result

You're planning a round-the-world trip and want to visualize your route. Search for each destination city, drop markers on Tokyo, Sydney, Cape Town, and Rio de Janeiro, then rotate the globe to see your complete journey path.

FAQ

Where do the coordinates and city names come from?

Cities come from an offline database of around 3,000 capitals and major metros bundled into the page. Custom markers accept any latitude and longitude pair you type in, so you can drop a pin on a village that isn't in the list.

Does it work without internet after the page loads?

Yes. The globe textures, city database, and 3D engine all load with the page and run from cached files afterwards. You can put a phone in airplane mode and the globe still spins and accepts new markers.

Why does the globe look flat at high zoom levels?

The texture map is around 4K resolution, so when you zoom past the level of an individual country it starts to pixelate. The geometry stays a sphere, but the imagery cannot match a satellite map for street-level detail.

How do I add a place that isn't in the search list?

Open the marker panel and type a latitude (positive north, negative south) and longitude (positive east, negative west). For example, Aleppo is roughly 36.20, 37.16. The marker drops on the surface and you can label it.

Can I share the globe view with someone else?

Two ways. The Screenshot button captures the current camera angle as a PNG that matches your screen resolution. The Share link button copies a URL that encodes every marker and label — whoever opens it lands on the same globe with the same pins already in place, ready to fly between them.

Related Tools