在HTML网站中显示预制叶地图

如何解决在HTML网站中显示预制叶地图

我目前正在通过Flask建立一个网站，向潜在的雇主展示我制作的程序，作为简历。我试图显示的一件事是我先前在folium中创建的网络地图。我已经看到了有关此主题的几个问题，但是解决方案几乎总是涉及在网站的主脚本中创建地图，然后呈现HTML模板。我的问题是我不需要创建地图，因为它已经在python脚本中从单独的文件夹中生成了。这是主要的网站脚本：

from flask import Flask,render_template

app=Flask(__name__)

@app.route('/')
def home():
    return render_template("introduction.html")

@app.route('/webmap/')
def webmap():
    return render_template("Webmap.html")

@app.route('/dictionary/')
def dictionary():
    return render_template("dictionary.html")

@app.route('/contact/')
def contact():
    return render_template("contact.html")

if __name__=="__main__":
    app.run(debug=True)

这是我要在其中嵌入地图的页面的模板：

{%extends "layout.html"%}
{%block content%}
<div class="Webmap">
  <h1>Volcano and Population Webmap</h1>
<p>This is a webmap I created using Python and folium. The map shows all active volcanoes in America,along with each volcano's elevation,and the population densities for every country in the world. Both the former and the latter are layers in the map that can be toggled on and off via the control panel in the top right corner. </p>
</div>
{%endblock%}

我如何将HTML Webmap嵌入到此页面上而不在主脚本中制作全新的地图？