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

Question

I am trying to add markercluster into leaflet.

var markers = L.markerClusterGroup();

My header file include:

   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')

But I keep getting the error of : L.markerClusterGroup is not a function

I am not sure why I get that error.

Answer 1

This was a simple import mistake with angular, changing imports to the following, resolves this issue:

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

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

Tested using Angular 7, leaflet 1.6.0 and leaflet.markercluster 1.4.1

Answer 2

我想你错过了声明中的引用

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

Answer 3

Try

var markers = new L.markerClusterGroup(); 

instead of

var markers = L.markerClusterGroup();