javascript - 如何修复 JavaScript 库的输入错误？

Question

我正在 TypeScript 项目中使用 Leaflet 库 ( http://leafletjs.com )。

我正在 map 上显示使用选项配置的标记:http://leafletjs.com/reference-1.3.0.html#marker-l-marker

我正在尝试在我的项目中使用这个库:https://github.com/bbecquet/Leaflet.RotatedMarker

我正在尝试向 Marker 的第二个参数添加更多选项，但出现 typescript 错误:

ERROR in src/app/app.component.ts(61,7): error TS2345: Argument of type '{ rotationAngle: number; }' is not assignable to parameter of type 'MarkerOptions'.
  Object literal may only specify known properties, and 'rotationAngle' does not exist in type 'MarkerOptions'

我试图创建一个打字脚本或文件来允许我这样做。

/// <reference types="leaflet" />

declare module L {
  export interface MarkerOptions { 
    rotationAngle: number;
    rotationOrigin: string;
  }
}

可能与此类似: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/leaflet/index.d.ts#L1470

我缺少什么来完成这项工作？

如何为 JavaScript 代码或不提供开箱即用类型的第三方库创建自定义类型？

这是一个 MCVE:https://github.com/badis/typescript-stackoverflow-question

Answer 1

您必须安装类型:

@types/leaflet-rotatedmarker

此外，将库包含在您的组件中:

import L from 'leaflet';
import 'leaflet-rotatedmarker';

这是一个没有输入错误的工作项目:

https://stackblitz.com/edit/angular-bee8jg