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容器元素应用一个高度。查看其中一个leaflet tutorials，以获取可能的css示例。

下面这样的代码将会起作用：

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

或

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