将leafletjs AnimatedMarker集成到typescript中

Question

我安装了leaflet typescript，我发现在使用leaflet非typescript插件时存在问题。

例如，当使用安装了typescript的插件时，我可以成功导入此插件：

安装：

npm install --save leaflet-routing-machine
npm install --save @types/leaflet-routing-machine

角度组件：

import 'leaflet-routing-machine';
import { Routing } from 'leaflet';

这样，我就可以成功地使用附加在传单上的插件leaflet routing-machine。

但是当我使用AnimatedMarker插件时，它没有typescript，所以我不知道如何使用它。

我尝试了以下方法，但都失败了：

import 'leaflet.animatedmarker/src/AnimatedMarker';
import { AnimatedMarker, animatedMarker } from 'leaflet';
// Compilation will fail

或

 let AnimatedMarker = require('leaflet.animatedmarker/src/AnimatedMarker');
 console.log(AnimatedMarker);

或

import * as AnimatedMarker from 'leaflet.animatedmarker/src/AnimatedMarker';
   console.log(AnimatedMarker);

我希望避免使用like:import * as L from 'leaflet' L.AnimatedMarker；尽管this方法可以成功地使用非typescript插件。

Answer 1

这个插件看起来像是一个脚本，用来扩展一些L.*对象，比如L.Marker。

在main.ts文件中放入import 'leaflet.animatedmarker/src/AnimatedMarker';应该可以解决这个问题。

就像在这个stackblitz example中