Leaflet + Angular 可以画半圆吗？

Question

在我的 angular 应用程序中，我通过 ngx-leaflet library and openstreet maps 使用地图。现在我们需要画半圆。我知道有一个 Leaflet-semicircle 扩展，但我已经通过 Angular 安装了这个依赖项，但我无法使用对象绘制半圆。在angular中有什么方法可以使用传单半圆扩展吗？

Answer 1

好的，我找到了画半圆的正确方法。问题是除了通过 npm 安装 Leaflet-semicircle 扩展之外，我还需要正确导入 javascript 文件。

只需按照以下步骤操作即可：

npm i leaflet --save  
npm install --save leaflet-semicircle

在angular.json文件中添加库如下：

"scripts": [
      "node_modules/leaflet/dist/leaflet.js",
      "./node_modules/leaflet-semicircle/semicircle.js"
  ]

最后，问题出在这里：

import 'leaflet';
import 'leaflet-semicircle';

//Right way to import and extend all extensions importeds previously
declare let L;

//Doesn't works */
//import * as L from 'leaflet';

Leaflet + Angular 可以画半圆吗？

Leaflet + Angular is it possible to draw semicircles?

openstreetmap

leaflet

angular

ngx-leaflet