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

在Angular 6 CLI应用程序中包含Leaflet.TextPath或Leaflet.PolylineDecorator，你可以按照以下步骤进行操作：

1. 首先，确保你已经安装了Leaflet库。你可以通过在终端中运行以下命令来安装Leaflet：

npm install leaflet

1. 在Angular项目中，你可以通过在angular.json文件中的scripts数组中添加Leaflet的CDN链接来引入Leaflet库。例如：

"scripts": [

 "node_modules/leaflet/dist/leaflet.js"

]

1. 接下来，你需要在Angular组件中引入Leaflet库。在你的组件文件的顶部添加以下代码：

import * as L from 'leaflet';

1. 然后，你可以在组件的ngOnInit方法中创建地图和添加文本路径或线条装饰器。以下是一个示例代码：

import { Component, OnInit } from '@angular/core';

import * as L from 'leaflet';

@Component({

 selector: 'app-map',

 templateUrl: './map.component.html',

 styleUrls: ['./map.component.css']

})

export class MapComponent implements OnInit {

 ngOnInit() {

   const map = L.map('map').setView([51.505, -0.09], 13);

   L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {

     attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors',

     maxZoom: 18,

   }).addTo(map);

   const latlngs = [

     [51.505, -0.09],

     [51.51, -0.1],

     [51.51, -0.12]

   ];

   const polyline = L.polyline(latlngs).addTo(map);

   const textPath = L.textPath(polyline, {

     repeat: true,

     attributes: { dy: -5 }

   }).addTo(map);

 }

}

在上面的示例中，我们创建了一个地图，并在地图上添加了一个多边形线条。然后，我们使用L.textPath方法创建了一个文本路径，并将其添加到地图上。

1. 最后，在你的组件模板文件（例如map.component.html）中添加一个具有相应ID的div元素，以显示地图。例如：

<div id="map"></div>

通过按照上述步骤，你就可以在Angular 6 CLI应用程序中成功包含Leaflet.TextPath或Leaflet.PolylineDecorator。请注意，这只是一个基本示例，你可以根据自己的需求进行更多的自定义和配置。如果你想了解更多关于Leaflet的信息，可以访问腾讯云的地图服务产品腾讯位置服务（Tencent Map Service）。