danieldegroot2
diff --git a/‎css/MarkerCluster.Default.css‎
Lines changed: 50 additions & 0 deletions b/‎css/MarkerCluster.Default.css‎
Lines changed: 50 additions & 0 deletions
diff --git a/‎css/MarkerCluster.css‎
Lines changed: 14 additions & 0 deletions b/‎css/MarkerCluster.css‎
Lines changed: 14 additions & 0 deletions
diff --git a/‎index.html‎
Lines changed: 3 additions & 3 deletions b/‎index.html‎
Lines changed: 3 additions & 3 deletions
@@ -0,0 +1,50 @@
+.marker-cluster-launch {
+	background-color: rgba(0, 0, 0, 0.1);
+	border-style: solid;
+	border-width: 3px;
+	border-color: black;
+	}
+.marker-cluster-station {
+	background-color: rgba(0, 128, 0, 0.1);
+	border-style: solid;
+	border-width: 3px;
+	border-color: rgb(0, 128, 0);
+	}
+
+	/* IE 6-8 fallback colors */
+.leaflet-oldie .marker-cluster-launch {
+	background-color: rgb(0, 0, 0);
+	}
+.leaflet-oldie .marker-cluster-station {
+	background-color: rgb(0, 128, 0);
+	}
+
+.marker-cluster {
+	background-clip: padding-box;
+	border-radius: 20px;
+	}
+.marker-cluster-launch div {
+	width: 30px;
+	height: 30px;
+	margin-left: 5px;
+	margin-top: 5px;
+	color: black;
+
+	text-align: center;
+	border-radius: 15px;
+	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
+	}
+.marker-cluster-station div {
+	width: 30px;
+	height: 30px;
+	margin-left: 5px;
+	margin-top: 5px;
+	color: black;
+
+	text-align: center;
+	border-radius: 15px;
+	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
+	}
+.marker-cluster span {
+	line-height: 30px;
+	}
@@ -0,0 +1,14 @@
+.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
+	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
+	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
+	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
+	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
+}
+
+.leaflet-cluster-spider-leg {
+	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
+	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
+	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
+	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
+	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
+}
@@ -22,6 +22,8 @@
         <link rel="stylesheet" href="css/mobile.css"/>
         <link rel="stylesheet" href="css/leaflet.css" />
         <link rel="stylesheet" href="css/leaflet.fullscreen.css" />
+        <link rel="stylesheet" href="css/MarkerCluster.css" />
+        <link rel="stylesheet" href="css/MarkerCluster.Default.css" />
     </head>
     <body>
 
@@ -365,6 +367,7 @@ <h3>Report Recovery</h3>
     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
     <script type="text/javascript" language="javascript" src="js/leaflet.js"></script>
     <script type="text/javascript" language="javascript" src="js/Leaflet.fullscreen.min.js"></script>
+    <script type="text/javascript" language="javascript" src="js/leaflet.markercluster.js"></script>
     <script type="text/javascript" language="javascript" src="js/L.Terminator.js"></script>
     <script type="text/javascript" language="javascript" src="js/paho-mqtt.js"></script>
     <script src="https://xc5dqkj2cgb1.statuspage.io/embed/script.js" async defer></script>
@@ -377,9 +380,6 @@ <h3>Report Recovery</h3>
     -->
     <script type="text/javascript" language="javascript" src="js/mobile.js"></script>
     <script type="text/javascript" language="javascript" src="js/rbush.js"></script>
-    <script>var module = {};</script>
-    <script src="js/leaflet.canvas-markers.js"></script>
-    <script>module.exports(L);</script>
     <script type="text/javascript" language="javascript" src="js/pwa.js"></script>
 
     </body>