title: Overlay contour plot over the map
body: <p>I'm trying to plot a contour plot over a map</p>
  <p>it's kind of look like this</p>
  <p><a href="https://i.stack.imgur.com/Ufokm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ufokm.png" alt="enter image description here" /></a></p>
  <p>What i have now is,</p>
  <pre><code>    import matplotlib
      import matplotlib.pyplot as plt
      import geopandas as gpd
      import plotly.express as px
      import pandas as pd
  
      world_map = gpd.read_file(gpd.datasets.get_path('naturalearth_lowres'))
  
      axis = world[world.continent == 'Asia'].plot(color='white', edgecolor='black')
      fig = matplotlib.pyplot.gcf()
      fig.set_size_inches(14,10)
  </code></pre>
  <p>it's output look like this
  <a href="https://i.stack.imgur.com/tgznE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tgznE.png" alt="enter image description here" /></a></p>
  <p>I have a contour plot</p>
  <pre><code>    import plotly.graph_objects as go
      import pandas as pd
      import numpy as np
      from scipy.interpolate import griddata
  
      df = pd.read_csv('./temperature_2d.csv')
      x = np.array(df.lon)
      y = np.array(df.lat)
      z = np.array(df.value)
      xi = np.linspace(x.min(), x.max(), 100)
      yi = np.linspace(y.min(), y.max(), 100)
  
      X,Y = np.meshgrid(xi,yi)
      Z = griddata((x,y),z,(X,Y), method='cubic')
  
      fig = go.Figure(data =
      go.Contour(
      z=Z,
      x=xi,
      y=yi,
      colorscale = 'Hot',
      contours_coloring='heatmap'
      ))
      fig.show()
  </code></pre>
  <p>The data file is <a href="https://drive.google.com/file/d/17q0yxh56PYqN5a4XnCe7TambutVloDQM/view" rel="nofollow noreferrer">temperature_2d.csv</a> <br>
  it's output plot is,</p>
  <p><a href="https://i.stack.imgur.com/oQk0s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oQk0s.png" alt="enter image description here" /></a></p>
  <p>What i am trying to do is overlay the contour plot over the the locations that i have in the <a href="https://drive.google.com/file/d/17q0yxh56PYqN5a4XnCe7TambutVloDQM/view" rel="nofollow noreferrer">temperature_2d.csv</a> on the map, but i cannot find a way to do that.I don't know the way i doing it correct or not.</p>
  <p>If anyone can explian how to do this correctly it will be really helpfull.</p>