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

Question

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

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

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

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

Answer 1

请将 leaflet.markercluster.freezable.js 文件路径添加到您的 angular cli json 文件中的脚本部分，如下所示

..\node_modules\leaflet.markercluster.freezable\dist\leaflet.markercluster.freezable.js

"scripts": [
        "../node_modules/angular-ui-grid/ui-grid.min.js",
   "../node_modules/leaflet.markercluster.freezable/dist/leaflet.markercluster.freezable.js"
      ],

然后我认为它会工作导入 'leaflet.markercluster.freezable'

Answer 2

很遗憾，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 项目配置中引用此定义文件。

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

How to get Leaflet Marker-Cluster Freezable methods show up in VS Code IntelliSense

leaflet

typescript

leaflet.markercluster

angular