Mapbox JS SDK CSS 样式表导致地图消失
Mapbox JS SDK CSS stylesheet causes map to disappear
我在 VueJS 应用程序中使用 Mapbox JavaScript SDK。我能够毫无问题地显示地图。现在我想添加一些标记。我看到 on this page 您需要导入 CSS 样式表才能使标记起作用。正如文档中所建议的，我已经尝试了以下两种方法：
import 'mapbox-gl/dist/mapbox-gl.css'; 来自我的 Vue 组件<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css"> 来自我的 index.html<head>
使用其中任何一个，地图都会消失，控制台中没有可见的警告或错误。没有这些，地图显示正常，但我收到一条警告：
This page appears to be missing CSS declarations for Mapbox GL JS, which may cause the map to display incorrectly. Please ensure your page includes mapbox-gl.css, as described in https://www.mapbox.com/mapbox-gl-js/api/.
我哪里错了？
原来地图 div 在导入样式表时折叠到 0 高度。不知道为什么，但手动设置高度解决了问题。
我在 VueJS 应用程序中使用 Mapbox JavaScript SDK。我能够毫无问题地显示地图。现在我想添加一些标记。我看到 on this page 您需要导入 CSS 样式表才能使标记起作用。正如文档中所建议的，我已经尝试了以下两种方法：
import 'mapbox-gl/dist/mapbox-gl.css';来自我的 Vue 组件<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css">来自我的index.html 的
<head>
使用其中任何一个，地图都会消失，控制台中没有可见的警告或错误。没有这些，地图显示正常，但我收到一条警告：
This page appears to be missing CSS declarations for Mapbox GL JS, which may cause the map to display incorrectly. Please ensure your page includes mapbox-gl.css, as described in https://www.mapbox.com/mapbox-gl-js/api/.
我哪里错了？
原来地图 div 在导入样式表时折叠到 0 高度。不知道为什么，但手动设置高度解决了问题。