如何在 Angular 应用程序中包含 mapboxgl-spiderifier

Question

我有一个通过ngx-mapbox-gl 使用mapbox 的角度应用程序，我想将它与mapboxgl-spiderifier 集成，但它没有打字，我不知道如何通过导入来包含它。我尝试过的事情是通过以下方式包含库：

import "@bewithjonam/mapboxgl-spiderifier";

但它给出了以下error：

./node_modules/@bewithjonam/mapboxgl-spiderifier/lib/mapboxgl-spiderifier.js 中的错误 未找到模块：错误：无法解析相对路径中的“MapboxglSpiderfier”

Answer 1

如果你正在使用mapboxgl-spiderifier 插件库，那么首先将它放在你的应用程序中

npm i @bewithjonam/mapboxgl-spiderifier。

然后在.angular-cli.json的scripts、styles数组中添加这个库的url源url：

{
 ...
 "apps": [{
   ...
   "styles": ["../node_modules/@bewithjonam/mapboxgl-spiderifier/lib/mapboxgl-spiderifier.css"],
   "scripts": ["../node_modules/@bewithjonam/mapboxgl-spiderifier/lib/mapboxgl-spiderifier.js"],
   ...
 }]
}

之后，您可以将其导入任何组件中，例如：

import "@bewithjonam/mapboxgl-spiderifier";