时间戳

首页 > 解决方案 > 使用 Flask 从目录中获取leaflet.js 和leaflet.css 时未出现传单地图

javascript - 使用 Flask 从目录中获取leaflet.js 和leaflet.css 时未出现传单地图

问题描述

下面的代码尝试读取存储在 static/leaflet/package/dist/ 中的我的 leaflet.js 和 leaflet.css 文件

静态文件夹与我的烧瓶 app.py 代码位于同一目录中。模板位于模板文件夹中。下面的代码来自我的 home.html 模板。

出于某种原因，如果我为我的 leaflet.js 和 leaflet.css 代码使用 url 源，则地图可以完美运行。一旦我尝试从目录中获取脚本，我的地图就会中断。我认为这是因为我没有正确整合我的 url_for。由于我使用的是模板继承，因此它也可能会更加混乱。

提前感谢您的帮助！！

{% extends "base.html" %}

{% block header %}
<link rel="stylesheet" href="{{url_for('static', filename='leaflet/package/dist/leaflet.css')}}">
<script src="{{url_for('static', filename='leafleat/package/dist/leaflet.js')}}"></script>
<style>
    #map{ width: 100%; height: 100%; }
</style>
{% endblock %}

编辑：

这些是我从服务器返回的 HTTP 状态代码。这使它看起来唯一没有得到的是我的 leaflet.js 脚本。

127.0.0.1 - - [2019 年 10 月 4 日 16:17:01] “GET / HTTP/1.1” 200 -

127.0.0.1 - - [04/Oct/2019 16:17:01] “GET /static/leaflet/package/dist/leaflet.css HTTP/1.1” 200 -

127.0.0.1 - - [2019 年 10 月 4 日 16:17:01] “GET /static/leaflet/package/dist/leaflet.js HTTP/1.1”404 -

127.0.0.1 - - [2019 年 10 月 4 日 16:17:01] “GET /static/favicon.ico HTTP/1.1”200 -

标签： javascriptcssflaskstaticleaflet

解决方案

解决它。我在leaflet.js 行中拼错了leaflet。如果有人在任何时候需要传单和烧瓶方面的帮助，请将其保留。

推荐阅读