The World’s Best Stargazing Sites

This Story Map depicts a selection of places suitable for stargazing, according to an article published by the National Geographic Travel.

The code behind the map was based on the Leaflet open-source JavaScript library for mobile-friendly interactive maps, as well as on the story map template by Jack Dougherty, built with Leaflet and jQuery.

The Story Map is separated in two panels, the map panel on the left and the side panel on the right, which are interactively connected to one another.

Furthemore, the side panel is separated in chapters, one for each point on the map. When scrolling down the side panel, the map pans and zooms automatically to the specific point corresponding to the currently active chapter.

This process works and vice versa when clicking on a point, the map centers and zooms automatically to it, plus the side panel is being scrolled to the equivalent chapter.

If you wish to go back to the full extent of the map simply click on the home button on top left.

The World’s Best Stargazing Sites

On mobile devices, the configuration of the Story Map slightly changes, when seen on the portrait orientation of the screen.

The side panel overlaps the map and becomes transparent in order to browse the map when scrolling with your finger on it.

You may change any time this behaviour by rotating your phone in landscape orientation.

Please notice that the stargazing sites have been placed on top of the Night Polution Map, so you may observe that they are mostly located in dark areas, adequately far away from light sources.

You may change the Story Map basemap simply by selecting another one from the layer switcher located at the bottom left.

The World’s Best Stargazing Sites

Click here to open the Story Map

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *