The script doesn’t require editing… you just have to add data attributes in 3 places, explained in the site.
- loads the WebGL Earth library and starts the globe with Open Street Map tiles
- copies the html for each data-geo-place element to a marker for the globe
- adds click listeners to those place elements to open the marker and pan to it
The library that I’m using doesn’t have great touch support. You can navigate the globe by tapping the place elements though, so it’s somewhat usable on mobile.
I want to do more globe/mapping components as part of this project. Next might be a lat/lon input for forms, bound to a draggable map.
Let me know if you do something with this!
Tangential: making globes by hand in 1955.