Angular-Leaflet-Directive-在技术上渲染地图，但未显示任何图块的问题。

Question

。 。 。 因为图块绝对位于高度为零的父容器内。

这是指令： https : //github.com/tombatossals/angular-leaflet-directive

由于我正在处理一个相对较小的图书馆，因此我不确定寻求帮助的适当渠道。 我很确定我没有做错任何事情，因为带有地图缩放控件的灰色“画布”正在呈现，并且地图的图块正在加载（但实际上并未显示）。 我可以通过为其父元素分配高度来强制显示拼贴，但显然这不是Leaflet应该如何工作的。

我意识到这可能不是寻求此类帮助的最佳地点，所以我想知道是否有人（如果没有别的话）可能知道我最好地寻求帮助。

Answer 1

我的CSS中的这个选择器就是问题所在：

img {
  max-height: 100%;
  max-width: 100%;
}

解决方案是简单地允许图像如通常在传单地图的容器中那样呈现：

.leaflet-container img {
  max-height: none;
  max-width: none;
}

Answer 2

很难说，没有看到您项目的任何代码。 但这听起来像您需要对#map容器元素应用高度。 请查看其中一份传单教程，以获取可能的CSS示例。

像下面这样的东西会起作用：

#map{ height: 600px; width: 100% }

要么

#map{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}