ionic2 - 如何安装 ionic 2 的 Leaflet 插件

Question

有人可以帮忙吗？我正在尝试导入 ionic 2 的传单插件( https://github.com/Leaflet/Leaflet.markercluster )

这是我所做的步骤:

npm install leaflet.markercluster --save

我添加了这样的传单:

从'传单'导入*作为L； import * as LL from 'leaflet.markercluster';

像这样使用它:

var markers = LL.markerClusterGroup();

我收到错误类型错误:

WEBPACK_IMPORTED_MODULE_2_leaflet_markercluster.markerClusterGroup is not a function

有没有办法自定义 webpack 来加载插件库？谢谢

Answer 1

Leaflet.markercluster 插件不会以“标准”/UMD 方式导出自身。

当您导入它时，它只会产生副作用，即它将自身附加到 L (传单)全局命名空间。它不会将任何内容返回到您的默认导入中，也不会 LL变量。

但是您应该能够像以“老派”方式包含它一样使用它(即通过<script>标签):

var mcg = L.markerClusterGroup();

顺便说一句，Leaflet 和 Leaflet.markercluster 都会产生副作用，因此您只需要以这种方式导入它们:

import 'leaflet'; // Creates a global L namespace.
import 'leaflet.markercluster'; // Attaches L.markerClusterGroup to global L.