How can i return interactive map?

Question

I have this code for a map using a netcdf file of European Centre for Medium-Range Weather Forecasts.

def interactive_map():
    import netCDF4 as nc
    import numpy as np
    import matplotlib.pyplot as plt
    from mpl_toolkits.basemap import Basemap

    #original name -> _grib2netcdf-webmars-public-svc-green-007-6fe5cac1a363ec1525f54343b6cc9fd8-b5oXS9.nc
    fn = '7.nc'
    ds = nc.Dataset(fn)

    #variables
    #longitude, latitude, time, pm1
    lons = ds.variables['longitude'][:]
    lats = ds.variables['latitude'][:]
    time = ds.variables['time'][:]
    pm = ds.variables['pm1'][:]

    mp = Basemap(projection = 'merc',
                 llcrnrlon = 97.085310,
                 llcrnrlat = 2.044212,
                 urcrnrlon = 106.896219,
                 urcrnrlat = 7.403567,
                 resolution = 'i')

    lon, lat = np.meshgrid(lons, lats)
    x, y = mp(lon, lat)

    cscheme = mp.pcolor(x, y, np.squeeze(pm[0,:,:]), cmap = 'turbo')
    mp.drawcoastlines()
    mp.drawstates()
    mp.drawcountries()

    cbar = mp.colorbar(cscheme, location = 'right')
    #plt.show()
    plt.savefig('map.png')

https://i.stack.imgur.com/VnQzv.png

What i want is add the map to a view of web2py, i know it saves an image and i can render the image, but it's possible to show in an interactive map?

This is what i have to show the map in a view:

<!--index.html-->
{{extend 'layout.html'}}

<img src="{{=URL('static','images/map.png')}}" width="500" height="600">

Answer 1

My package ncplot (https://ncplot.readthedocs.io/en/latest/) will automatically create interactive plots for NetCDF files. You just need to do the following:

from ncplot import ncplot
ncplot(fn)