Leaflet：Uncaught TypeError：L.markerClusterGroup不是函数

Question

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

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

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

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

我想你在宣言中错过了一句话

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        searchController.isActive = true
        DispatchQueue.main.async { [unowned self] in
            self.searchController.searchBar.becomeFirstResponder()
        }
    }

Answer 3

尝试

var markers = new L.markerClusterGroup(); 

而不是

var markers = L.markerClusterGroup();