You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何从npm包导入Here Maps JavaScript SDK的CSS样式文件?

从npm包导入Here Maps JavaScript SDK样式表
  • 先删除index.html中引入的CDN样式链接,无需再通过外部资源加载。
  • 在项目入口文件(如src/index.tsx或src/App.tsx)中,通过以下方式从npm包导入样式:
    // 导入核心地图基础样式
    import '@here/maps-api-for-javascript/styles/here-maps.css';
    // 导入UI组件样式(对应之前CDN的mapsjs-ui.css)
    import '@here/maps-api-for-javascript/styles/mapsjs-ui.css';
    
  • 若需使用其他附加样式(如地图气泡、路线控件样式等),可查看npm包内的styles目录按需导入,示例:
    // 导入地图气泡样式
    import '@here/maps-api-for-javascript/styles/mapsjs-bubble.css';
    

这种方式会让webpack(react-scripts内置的打包工具)自动处理样式文件,将其整合到项目的打包资源中,更契合npm项目的依赖管理流程。

内容的提问来源于stack exchange,提问作者MakePeaceGreatAgain

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.14 06:28:22