试图使用Django-Leaflet - 只看到空白屏幕

时间:2016-09-20 22:32:49

标签: django leaflet

我按照说明here,向上添加地图到我的模板,结果如下:

example.html的

<!DOCTYPE html>
{% load leaflet_tags %}
<head>


 {% leaflet_js %}
    {% leaflet_css %}
</head>

  <body style="height:100%; width:100%;">
    {% leaflet_map "yourmap" %}
    </div>
  </body>

</html>

我使用pip安装了Django-Leaflet没有问题。我还将应用程序添加到我安装的应用程序中,并包含了Leaflet设置。

settings.py

INSTALLED_APPS = [
    #
    'leaflet',
]

LEAFLET_CONFIG = {
'DEFAULT_CENTER': (52.00,20.00),
'DEFAULT_ZOOM': 6,
'MIN_ZOOM': 1,
'MAX_ZOOM': 20,
}

当我查看firebug时,我看到模板标签已经成功加载了传单js和css文件,并在正文中创建了一个“map”div。但是,除了css / height之外,地图不包含任何传单属性。

这里可能出现什么问题?

1 个答案:

答案 0 :(得分:0)

您必须为要为其指定地图的div指定高度。在您的情况下,只需为&#39; yourmap&#39;创建一个CSS规则。 div给它一个高度。