传单：未捕获类型错误：L.markerClusterGroup 不是函数

Question

我正在尝试将标记簇添加到传单中。

var markers = L.markerClusterGroup();

我的头文件包括：

   script(src='https://unpkg.com/leaflet@1.0.1/dist/leaflet.js')
   link(type='text/css', rel='stylesheet', href='/stylesheets/MarkerCluster.css')
   link(type='text/css', rel='stylesheet', href='/stylesheets/MarkerCluster.Default.css')        
   script(src=/javascripts/leaflet.markercluster-src.js')

但我不断收到错误： L.markerClusterGroup 不是函数

我不确定为什么会收到该错误。

Answer 1

这是 Angular 的一个简单的导入错误，将导入更改为以下内容可以解决此问题：

import * as L from 'leaflet';
import 'leaflet.markercluster';

// Compile & run = OK
private myClusterGroup = L.markerClusterGroup();

使用 Angular 7、leaflet 1.6.0 和 leaflet.markercluster 1.4.1 进行测试

Answer 2

我认为你错过了声明中的一句话

script(src='/javascripts/leaflet.markercluster-src.js')