angular - Mapbox 街道地图不适合屏幕大小

Question

我试图让我的 mapboxgl 地图适合屏幕的整个大小，但它仅限于屏幕的三分之一。我们正在用碳构建一个角度应用程序。

我们认为'bx--content'可能存在问题，因为默认填充限制子组件适合整个屏幕但是我试图覆盖它并手动设置填充：0; 但我在那里没有运气。我们已经实现了 map.resize 功能，我可以在控制台上看到，当我让浏览器窗口越来越小但它不“适合”整个屏幕时，地图正在改变大小

有人知道我在做什么错吗？

Answer 1

检查应用于地图元素及其每个父元素的 CSS 规则，以确保它可以拉伸以填满屏幕。

这可以帮助实现这一点：使 div 填充剩余屏幕空间的高度

额外提示：如果您将此样式添加到地图元素并且您的地图现在适合整个屏幕，则您的问题可能与 CSS 相关：

display: block;
position: absolute; 
top: 0;
bottom: 0;
width: 100%;