我正在尝试将markercluster添加到传单中。

var markers = L.markerClusterGroup();

我的头文件包括:
   script(src='https://unpkg.com/[email protected]/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不是一个函数

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

最佳答案

这是一个简单的 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进行了测试

07-28 03:42