首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >尝试使用Django-Leaflet仅查看空白屏幕

尝试使用Django-Leaflet仅查看空白屏幕
EN

Stack Overflow用户
提问于 2016-09-21 06:32:49
回答 1查看 141关注 0票数 0

我按照here的说明进行操作,直到将地图添加到我的模板中,结果如下:

example.html

代码语言:javascript
复制
<!DOCTYPE html>
{% load leaflet_tags %}
<head>


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

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

</html>

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

settings.py

代码语言:javascript
复制
INSTALLED_APPS = [
    #
    'leaflet',
]

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

当我查看firebug时,我看到模板标记已经成功地加载了leaflet js和css文件,并在主体中创建了一个"map“div。但是,除了css/height之外,该映射不包括任何leaflet属性。

这里会出什么问题呢?

EN

回答 1

Stack Overflow用户

发布于 2016-09-21 11:56:11

您必须为要分配地图的div指定一个高度。在你的例子中,只需要为'yourmap‘div创建一个CSS规则,给它一个高度即可。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39604741

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档