

#MAGIC MAPS TUTORIAL HOW TO#
I’m going to show you how to use Rioxarray to read the data file, then Holoviews + Bokeh to display the results on an image layer overlaid on a map, and Datashader to handle some automatic resizing magic. But all of them fall short compared to the specification above. There are various existing approaches, and we will discuss them at the end of this article. There isn’t a single example or tutorial showcasing anything like this to the best of my knowledge. It sounds like a pretty common situation, so the net should be full of out-of-the-box solutions and working examples. You’re not worried as even though you never tried anything like this. Also, the GeoTIFF file is pretty large (up to a few hundred or thousand megabytes), so loading all of it into a browser is not an option. Additionally, on mouse hover, the user should also see the actual data value at that location with the exact coordinates. The visualization should make the data available at first glance as an actual colorful image. They have some geographical information in a GeoTIFF file, and you have to “put it on a map like google maps, you know, with the streets and zooming and scrolling around” and then make it available on the web. Your boss/client just found you with a new task.

(Image by the author, using OSM, Holoviews, SRTM elevation data ) The problem
