传单地图在Django模板块中的尺寸不正确

时间:2019-05-30 09:57:12

标签: django django-templates leaflet

我在网站上使用传单地图,并且尝试使用Django中的模板块来具有更灵活的网页设计,同时保留通用元素。但是,当我尝试实现此功能时,我的传单地图没有明显原因就更改了尺寸。除了现在位于模板块中之外,代码是相同的。

这是网站的外观(忽略灰色背景,这只是由于滚动屏幕截图) What the page should look like 这就是模板块的样子 What the page looks like

这是项目的Github。网页的正确外观是accueil.html文件,新版本基于base.htmlaccueil_base.html

我无法确定是什么引起尺寸问题。即使我检查了地图元素,所有地图组件都在那里,只有尺寸被修改。

对于这篇文章中缺少代码,我深表歉意(我认为这会使这个问题比需要的时间长得多)。我还感到您可能在重新创建问题时遇到了问题,因为您没有包含相应点的数据库。

预先感谢,如果您需要任何有关我的问题的准确信息,请告诉我。

1 个答案:

答案 0 :(得分:1)

我发现我遇到的问题是我忘记实现地图容器的<style>,如下所示

<style>
    #map {
        width: 100%;
        height: 600px;
    }
</style>

#map元素插入到base.html文件中<head>标记之前的定义程序块中。由于所有内容都在Github上,因此您应该可以轻松看到更改。