В моем проекте 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: свойство 'pixiOverlay' не существует для типа 'typeof import ("C: / Users / .... / node_modules / @ типы / листовка / указатель ") '.
Есть идеи? Заранее спасибо.
У меня тоже была эта проблема, и мне удалось пропустить решение в комментариях . Чтобы другие люди не пропустили это, как я:
Решение - заменить
const pixiOverlay = L.pixiOverlay(...)
с участием
const pixiOverlay = (L as any).pixiOverlay(...)
Эта статья взята из Интернета, укажите источник при перепечатке.
Если есть какие-либо нарушения, пожалуйста, свяжитесь с[email protected] Удалить.
я говорю два предложения