使用@arcgis/core 进行导入时如何将样式应用于 MapView?

How to apply styling to MapView when using @arcgis/core for imports?

在我的 React 应用程序中,我正在渲染一个 MapView。但是,缩放 in/out 按钮以及任何弹出模板都附加在标准 html 地图下方。

当我之前使用 esri-loader 导入 arcgis 模块时,我可以通过将 CSS 选项设置为 true 来解决这个问题,就像这样。样式将匹配 API examples.

loadModules(["esri/views/MapView"], {css: true})

但我在 MapView class 中找不到 CSS 或样式 属性 的任何实例。那么在使用@arcgis/core 导入时如何应用此样式?

文档推荐importing directly from the cdn:

@import "https://js.arcgis.com/4.20/@arcgis/core/assets/esri/themes/dark/main.css";

或者如果你想从本地导入,你可以按照their instructions引用本地资源,然后从你的node_modules导入:

@import "@arcgis/core/assets/esri/themes/dark/main.css";