Hundreds of Earths to Explore

A showcase of inspiring Globe maps

Guest

No items found.

Guest

August 9, 2022

Hundreds of Earths to Explore

A showcase of inspiring Globe maps

Guest

No items found.

Guest

August 9, 2022

It has been very exciting to watch what everyone is building with the new Mapbox globe view since it launched. In this post, I’ve collected some favorite globe projects shared on Twitter over the last month that are inspiring me and other developers and designers at Mapbox. 

Globe really brings back the sense of curiosity I felt when Google Earth first came out. Only this time there are hundreds of earths to explore because developers can build whatever they want. - Will White, co-founder, Mapbox

Once you’ve found your inspiration, get started with a globe project with documentation for web, mobile iOS or Android, and Mapbox Studio - or check out my 90 second tutorial!

1, 2, 3, Globe!

The ease of adding globe view is apparent from the existing applications that are adopting it. Two amazing examples of live apps come from the creators of Macrostrat and River Runner.

Macrostrat's geological globe

One of the many beautiful things about globe view is that GL JS features, like pop-ups, continue to work. Check out what Emmanuel Jolaiya is trying out for Spatialnode.

Another feature that also plays well with globe view is data-driven styling on custom data layers, as spotted in Matt Berg’s map of global power plants.

A globe of power plant data built in Akuko.io

John Wiseman generated a lot of interest with a map of GPS interference worldwide derived from aircraft ADS-B transponder data, using a heatmap visualization.

For more data visualization globes, check out Kyle Walker’s extruded polygon choropleth.

A world to explore

Globe view also sparks creative new ways to think about place and geography via an interactive, spinning ball. Chris Arderne’s ‘Cardinality’ charts the cardinal directions of a landmass or country.

Topi Tjukanov and Darren Wiens are both using globe view to explore what’s on the other side of the world from any given point.

Topi Tjukanov's map of opposite locations

Globe view also inspires new perspectives. Why settle for bird’s-eye 2D maps or having north always be at the top? Consider Olwg’s reimagining of a CO2 emissions visualization as viewed from the north.

Or take a polar perspective with Jean Baptiste Barré’s visualization of glacier thickness.

Animations also look amazing in globe view, like this sneak peak of a weather map by the developers at AerisWeather.

Stories from across the globe

New globe features like a slow spinning effect make a globe map come alive, as developer Nicolas Hoizey confirms with an interactive map of photo locations.

Nicolas Hoizey's globe of photo location tags

Developer Nono Umasy is building beautiful globe maps for history lovers and travelers, combining custom styles and bezier curve lines to trace out globe-trotting journeys from Magellan to his own modern day expeditions.

And another one for the history books: Keir Clarke at Maps Mania showed how to turn digitized historical maps into interactive globes.

Embracing storytelling globes to the next level, Rudo Kemper combined globe view and the Mapbox storytelling solution to create an interactive global tour through 14 years of Digital Democracy’s impact partnerships. Paul Franz used globe view in a storytelling map to provide context for Crisis Group’s explainer about maritime tensions with Iran.

Globe artists

Globe view has sparked sharing of fantastic custom styles, like Owen Powell’s graphic novel style.

Touring through Owen Powell's graphic novel style globe

Steve Attewell is already stretching the applications of globe view into new creative frontiers, with his map-painting generator Stippler and the very appropriate virtual International Space Station.

And no globe showcase is complete without Pratik Yadav’s face globe, the top performing #mapboxglobe tweet 🤦😂 Well played, Pratik, well played.

Want more globe maps? Follow @mapbox on Twitter and hashtag #mapboxglobe.

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

response = requests.get(

  "https://api.mapbox.com/v4/mapbox.temperature-raster-tileset/tilequery/40,-105.json",

    params={

        "layers": "temperature,wind_speed",

        "bands": "1708304400,1708311600",

    },

Optional caption
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque euismod maximus porta. Pellentesque vitae augue elit. Nam semper eros leo, nec hendrerit nunc aliquet quis. Morbi ac sapien tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur porta imperdiet lorem, ut aliquet orci pellentesque quis. Donec magna augue, molestie aliquam enim eu, auctor feugiat metus."

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

No items found.
No items found.

Related articles