Question

我在TypeScript项目中使用Leaflet Library（http://leafletjs.com）。

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

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

我正在尝试为Marker的第二个参数添加更多选项，但我收到了打字稿错误：

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

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

1 个答案: