angular - Mapbox 街道地图不适合屏幕大小
问题描述
我试图让我的 mapboxgl 地图适合屏幕的整个大小,但它仅限于屏幕的三分之一。我们正在用碳构建一个角度应用程序。
我们认为'bx--content'可能存在问题,因为默认填充限制子组件适合整个屏幕但是我试图覆盖它并手动设置填充:0; 但我在那里没有运气。我们已经实现了 map.resize 功能,我可以在控制台上看到,当我让浏览器窗口越来越小但它不“适合”整个屏幕时,地图正在改变大小
有人知道我在做什么错吗?
解决方案
检查应用于地图元素及其每个父元素的 CSS 规则,以确保它可以拉伸以填满屏幕。
这可以帮助实现这一点:使 div 填充剩余屏幕空间的高度
额外提示:如果您将此样式添加到地图元素并且您的地图现在适合整个屏幕,则您的问题可能与 CSS 相关:
display: block;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
推荐阅读
- r - 为什么 Adam 优化无法在线性回归中收敛?
- python - 如果 Python 切片复制引用,为什么我不能用它来修改原始列表?
- discord.js - 我无法访问存储在表 sqlite3 中的值,它给出了未定义的错误
- php - PHP update query value always string 'NULL' instead of NULL
- azure - Azure Web App Service 和 Azure Web App Service Plan 消失,但 Web App 仍然存在
- javascript - Javascript 合并以相同单词开头的值
- angular - Angular 4 将随机字符串值从数组设置为模板,并在两秒后更改为另一个字符串
- javascript - 如何让渲染的 ID 全局用作变量以在 React 中发送 API 请求?
- python - 分解两个不同 DataFrame 中的列
- c - UNIX 域数据报 - sendto 上的“无效参数”