angular - 如何在 VS Code IntelliSense 中显示 Leaflet Marker-Cluster Freezable 方法

Question

我正在做一个使用 Leaflet map 服务的 Angular 项目。我遇到了集群问题。我想切换集群并为此找到了一个包，其中包含启用/禁用集群功能的方法:Leaflet.MarkerCluster.Freezable

我已经按照包安装说明进行操作:

• npm install leaflet.markercluster.freezable --save
  将其安装在我的 node_modules 文件夹下并更新了 package.json(安装成功)
• 现在，如果我尝试在我的 Type-Script 文件 中import 'leaflet.markercluster.freezable';，我的 VS Code 不会显示包中的方法智能感知功能。

我不明白出了什么问题(我认为导入可能有问题)。

Answer 1

不幸的是，Leaflet.MarkerCluster.Freezable 库还没有可用的类型。

您应该能够自己编写它们，大致如下:

leaflet.markercluster.freezable.d.ts

import * as L from 'leaflet';

declare module 'leaflet' {
  class MarkerClusterGroup {
    freezeAtZoom(frozenZoom?: number | boolean | 'max' | 'maxKeepSpiderfy'): this;

    unfreeze(): this;

    disableClustering(): this;

    disableClusteringKeepSpiderfy(): this;

    enableClustering(): this;
  }
}

然后在您的 TypeScript 项目配置中引用此定义文件。