fix: spider handling

src/layers/Cluster.js

@@ -139,7 +139,10 @@ class Cluster extends Layer {
         this.setOpacity(this.options.opacity)
     }
 
-    onRemove() {}
+    onRemove() {
+        this.spider.unspiderfy()
+        this.spider = null
+    }
 }
 
 export default Cluster

src/layers/DonutCluster.js

@@ -139,7 +139,6 @@ class DonutCluster extends Cluster {
             for (const id in this.clusters) {
                 this.clusters[id].setOpacity(opacity)
             }
-            this.setClusterOpacity(this.spider.getId(), true)
         }
     }
 

src/layers/Spider.js

@@ -39,21 +39,27 @@ const Spider = function(map, options) {
     }
 
     const spiderfy = (clusterId, lnglat, features) => {
-        spider.spiderfy()
-        spiderId = clusterId
+        if (clusterId !== spiderId) {
+            spider.spiderfy(lnglat, features)
+            spiderId = clusterId
+
+            map.on('click', unspiderfy)
+        }
     }
 
     const unspiderfy = () => {
-        spider.unspiderfy()
+        if (spiderId) {
+            spider.unspiderfy()
 
-        if (options.onClose) {
-            options.onClose(spiderId)
-        }
+            if (options.onClose) {
+                options.onClose(spiderId)
+            }
 
-        spiderId = null
-    }
+            spiderId = null
 
-    const remove = () => map.off('click', unspiderfy)
+            map.off('click', unspiderfy)
+        }
+    }
 
     const isExpanded = clusterId => clusterId === spiderId
 
@@ -90,7 +96,6 @@ const Spider = function(map, options) {
         spiderfy,
         unspiderfy,
         setOpacity,
-        remove,
         isExpanded,
         getId,
     }