@mapcomponents/react-maplibre 0.1.21 → 0.1.22

package/dist/index.esm.js

@@ -1016,12 +1016,7 @@ function useMap(props) {
 
   useEffect(function () {
     var _componentId = componentId.current;
-    console.log("initialize maphook");
     return function () {
-      console.log("cleanup maphook");
-      console.log(_typeof(mapRef.current));
-      console.log(JSON.stringify(mapRef.current.style._order));
-
       if (mapRef.current) {
         mapRef.current.cleanup(_componentId);
         mapRef.current = undefined;
@@ -2694,6 +2689,7 @@ var MlVectorTileLayer = function MlVectorTileLayer(props) {
   var idSuffixRef = useRef(new Date().getTime());
   var layerIdsRef = useRef({});
   var layerPaintConfsRef = useRef({});
+  var layerLayoutConfsRef = useRef({});
   var initializedRef = useRef(false);
   var mapRef = useRef(null);
 
@@ -2743,6 +2739,7 @@ var MlVectorTileLayer = function MlVectorTileLayer(props) {
         }
       }, props.layers[key]));
       layerPaintConfsRef.current[key] = JSON.stringify(props.layers[key].paint);
+      layerLayoutConfsRef.current[key] = JSON.stringify(props.layers[key].layout);
     }
   }, [mapContext.mapIds, props, mapContext]);
   useEffect(function () {
@@ -2751,15 +2748,26 @@ var MlVectorTileLayer = function MlVectorTileLayer(props) {
 
     for (var key in props.layers) {
       if (mapRef.current.getLayer(layerIdsRef.current[key])) {
-        var layerConfString = JSON.stringify(props.layers[key].paint);
+        // update changed paint property
+        var layerPaintConfString = JSON.stringify(props.layers[key].paint);
 
-        if (layerConfString !== layerPaintConfsRef.current[key]) {
+        if (layerPaintConfString !== layerPaintConfsRef.current[key]) {
           for (var paintKey in props.layers[key].paint) {
             mapContext.getMap(props.mapId).setPaintProperty(layerIdsRef.current[key], paintKey, props.layers[key].paint[paintKey]);
           }
         }
 
-        layerPaintConfsRef.current[key] = layerConfString;
+        layerPaintConfsRef.current[key] = layerPaintConfString; // update changed layout property
+
+        var layerLayoutConfString = JSON.stringify(props.layers[key].layout);
+
+        if (layerLayoutConfString !== layerLayoutConfsRef.current[key]) {
+          for (var layoutKey in props.layers[key].layout) {
+            mapContext.getMap(props.mapId).setLayoutProperty(layerIdsRef.current[key], layoutKey, props.layers[key].layout[layoutKey]);
+          }
+        }
+
+        layerLayoutConfsRef.current[key] = layerLayoutConfString;
       }
     }
   }, [props.layers, props, mapContext]);