小册子：未被捕获的TypeError：尝试使用群集插件时L.markerClusterGroup不是函数

Question

I am trying to use Cluster Group plug-in for Leaflet, but I keep getting the "Uncaught TypeError: L.markerClusterGroup is not a function" 我正在尝试为Leaflet使用群集组插件，但是我一直收到“ Uncaught TypeError：L.markerClusterGroup不是函数”

here is my simplified HTML file: 这是我的简化HTML文件：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Brewser</title>
        <link rel="stylesheet" type="text/css" href="brewser.css">
        <link rel="stylesheet" type="text/css" href="leaflet.css"/>
        <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="dist/MarkerCluster.css"/>
        <link rel="stylesheet" type="text/css" href="dist/MarkerCluster.Default.css"/>      
    </head>
    <body>
        <script src="https://www.gstatic.com/firebasejs/4.9.0/firebase.js"></script>
        <script src="https://www.gstatic.com/firebasejs/4.9.0/firebase-app.js"></script>
        <script src="https://www.gstatic.com/firebasejs/4.9.0/firebase-database.js"></script>   
        <script src="leaflet.js" type="text/javascript"></script>
        <script src="app.js" type="text/javascript"></script>
        <script src="brewser.js" type="text/javascript"></script>
        <script src="dist/leaflet.markercluster-src.js"></script>
    </body>
</html>

Here is my JS: 这是我的JS：

var myMap = L.map('map').setView([49.197060, 16.611837], 13);
var markers = L.markerClusterGroup();

Any idea what could be wrong? 知道有什么问题吗？

plug-in files I am using are those in dist directory: 我正在使用的插件文件是dist目录中的文件：

leaflet.markercluster-src.js
leaflet.markercluster.js
leaflet.markercluster-src.js.map
leaflet.markercluster.js.map
MarkerCluster.css
MarkerCluster.Default.css

Answer 1

Your imports are out of order: 您的进口货已损坏：

    <script src="https://www.gstatic.com/firebasejs/4.9.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.9.0/firebase-database.js"></script>   
    <script src="leaflet.js" type="text/javascript"></script>
    <script src="app.js" type="text/javascript"></script>
    <script src="brewser.js" type="text/javascript"></script>
    <script src="dist/leaflet.markercluster-src.js"></script>

should be: 应该：

    <script src="https://www.gstatic.com/firebasejs/4.9.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.9.0/firebase-database.js"></script>   
    <script src="leaflet.js" type="text/javascript"></script>
    <!-- Notice where markercluster import is above app.js -->
    <script src="dist/leaflet.markercluster-src.js"></script>
    <script src="app.js" type="text/javascript"></script>
    <script src="brewser.js" type="text/javascript"></script>

小册子：未被捕获的TypeError：尝试使用群集插件时L.markerClusterGroup不是函数

问题描述

1 个解决方案

解决方案1
1 已采纳 2018-03-12 18:24:50

小册子：未被捕获的TypeError：尝试使用群集插件时L.markerClusterGroup不是函数

问题描述

1 个解决方案

解决方案1 1 已采纳 2018-03-12 18:24:50

解决方案1
1 已采纳 2018-03-12 18:24:50