angular - Egenskapen 'pixiOverlay' finns inte


I mitt Angular 8-projekt måste jag sätta några markörer på en karta så jag använder Leaflet. Eftersom det ibland finns några tusen markörer bestämde jag mig för att använda Leaflet.PixiOverlay för att undvika prestandaproblem. Så jag installerade och importerade alla bibliotek:

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

Hittills hittills bra. Problemen uppstår när jag försöker rita en markör (jag följer exemplet från Leaflet.PixiOverlay).

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

  //

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

Jag får L.pixiOverlay markerat i rött och detta kompileringsfel:

FEL: .... /pages/maps/map.component.ts(86,29): fel TS2339: Egenskapen 'pixiOverlay' finns inte på typen 'typeof import("C:/Users/ .... /node_modules/@types/leaflet/index")'.

Några idéer? Tack på förhand.

Svar #1

Jag hade också det här problemet och lyckades missa lösningen i kommentarerna. Så bara så att andra inte missar det som jag gjorde:

Lösningen är att ersätta

const pixiOverlay = L.pixiOverlay(...)

med

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