javascript - Angular-Leaflet-Directive - map 在技术上正在渲染，但其图 block 均未出现的问题。

Question

。 。 。因为图 block 绝对定位在高度为零的父容器内。

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

由于我正在处理一个相对较小的图书馆，因此我不确定寻求帮助的适当 channel 。我很确定我没有做错任何事情，因为带有 map 缩放控件的灰色“ Canvas ”正在渲染，并且正在加载 map 的图 block (但没有实际显示)。我可以通过为它们的父元素分配高度来强制显示图 block ，但显然这不是 Leaflet 应该工作的方式。

我意识到这可能不是在此类事情上寻求帮助的最佳场所，因此我想知道，如果没有别的办法，是否有人知道我如何最好地寻求帮助。

Answer 1

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

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

解决方案只是允许图像像通常在传单 map 的容器中一样渲染:

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