Question

在Angular 8项目中，我必须在地图上放置一些标记，因此我正在使用Leaflet。由于有时有数千个标记，因此我决定使用Leaflet.PixiOverlay来避免性能问题。因此，我安装并导入了所有库：

import * as PIXI from 'pixi.js';
import 'leaflet-pixi-overlay';
import * as L from 'leaflet';

到目前为止，一切都很好。当我尝试绘制标记时会出现问题（我遵循Leaflet.PixiOverlay中的示例）。

const pixiOverlay = L.pixiOverlay(function(utils) {

  //

}, pixiContainer);
pixiOverlay.addTo(this.map);

我将L.pixiOverlay用红色突出显示，并且出现此编译错误：

错误：.... /pages/maps/map.component.ts(86,29）：错误TS2339：类型'typeof'不存在属性'pixiOverlay' import（“ C：/ Users / .... / node_modules / @ types / leaflet / index”）'。

有什么想法吗？预先感谢。

Answer 1

我也遇到了这个问题，并设法错过了solution in the comments。这样一来，其他人就不会像我一样错过它：

解决方案是替换

const pixiOverlay = L.pixiOverlay(...)

使用

const pixiOverlay = (L as any).pixiOverlay(...)

属性“ pixiOverlay”不存在

1 个答案: