javascript - 如何在 Angular 6 CLI 应用程序中包含 Leaflet.TextPath 或 Leaflet.PolylineDecorator？

Question

我一直在尝试包含https://github.com/makinacorpus/Leaflet.TextPath在 Angular 6 CLI 应用程序中，但没有成功。有人可以指导我吗？提前致谢。

编辑:或者如果是这个？ https://github.com/bbecquet/Leaflet.PolylineDecorator ，它也有类型。

Answer 1

为了能够包含 Leaflet.TextPath，您需要在 angular-cli 项目中安装 Leaflet 和 Leaflet.TextPath，然后按如下方式导入它们:

在 angular.json 添加:

"styles": [
     "node_modules/leaflet/dist/leaflet.css",
     "src/styles.css"
],
"scripts": [
   "node_modules/leaflet/dist/leaflet.js"
]

在component.ts中添加:

 ...
 import 'leaflet';
 import 'leaflet-textpath';

 declare let L; // to be able to use L namespace
 ...

然后在 ngOnInit 中初始化代码，并将代码按照库中的指示放置:

ngOnInit() {
   your code initialization here

    ...
}

Demo