@mapcomponents/react-maplibre 0.1.41 → 0.1.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapcomponents/react-maplibre",
-  "version": "0.1.41",
+  "version": "0.1.44",
   "main": "index.js",
   "license": "MIT",
   "module": "dist/index.esm.js",

package/src/components/MlGeoJsonLayer/util/getDefaultPaintPropsByType.ts

@@ -21,7 +21,7 @@ const getDefaultPaintPropsByType:Function = (type:string, defaultPaintOverrides:
         return defaultPaintOverrides.circle;
       }
       return {
-        "circle-color": "rgba(10,240,256)",
+        "circle-color": "rgba(10,240,256,0.8)",
         "circle-stroke-color": "#fff",
         "circle-stroke-width": 2,
       };

package/src/hooks/useLayer.ts

@@ -60,6 +60,11 @@ function useLayer(props: useLayerProps): useLayerType {
     if (initializedRef.current || !mapHook.map) return;
     initializedRef.current = true;
 
+    if (mapHook.map.map.getLayer(layerId.current)) {
+      // remove (cleanup) & reinitialize the layer if type has changed
+      cleanup();
+    }
+
     mapHook.map.addLayer(
       {
         ...props.options,
@@ -104,15 +109,6 @@ function useLayer(props: useLayerProps): useLayerType {
     if (!mapHook.map) return;
 
     if (
-      initializedRef.current &&
-      ((props.options.type && legalLayerTypes.indexOf(props.options.type) !== -1) ||
-        !props.options.type) &&
-      layerTypeRef.current &&
-      props.options.type !== layerTypeRef.current
-    ) {
-      // remove (cleanup) & reinitialize the layer if type has changed
-      cleanup();
-    } else if (
       initializedRef.current &&
       (legalLayerTypes.indexOf(props.options.type) === -1 ||
         (legalLayerTypes.indexOf(props.options.type) !== -1 &&
@@ -132,8 +128,7 @@ function useLayer(props: useLayerProps): useLayerType {
   }, [props.geojson, mapHook.map, props.options.type]);
 
   useEffect(() => {
-    if (!mapHook.map || !mapHook.map?.map?.getLayer?.(layerId.current) || !initializedRef.current)
-      return;
+    if (!mapHook.map || !mapHook.map?.map?.getLayer?.(layerId.current) || !initializedRef.current || props.options.type !== layerTypeRef.current)return;
 
     var key;