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

Question

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

我已按照软件包安装说明进行操作：

• npm install leaflet.markercluster.freezable --save
  将它安装在我的node_modules文件夹下并更新package.json（安装成功）
• 现在，如果我尝试import 'leaflet.markercluster.freezable';在我的Type-Script 文件中，我的 VS 代码不会在 IntelliSense 功能中显示包中的方法。

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

标签： angulartypescriptleafletleaflet.markercluster

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 项目配置中引用这个定义文件。