Thursday, September 01, 2016

Read the National Geographic in Leaflet.js


The September 2016 issue of National Geographic includes a supplement poster exploring life in the Pacific Ocean off British Columbia. The poster includes two sides. One side is an illustration of life under the waves. The other side is a map of British Columbia and the Atlantic Ocean.

National Geographic has created a Leaflet.js powered map from the poster so that you can view it online. The British Columbia Supplement map allows you to zoom in and out on both the National Geographic illustration and the Atlantic Ocean map.

If you want to create your own interactive map from an illustration, photo or other still image then you could start by looking at Zoomable Images with Leaflet (tutorial explaining how you can use GDAL2Tiles and MapTiler to render map tiles from an image) or Showing Zoomify Images with Leaflet.

No comments: