react-map4d-map 1.2.6 → 1.2.8

package/dist/components/MFBuilding.d.ts

@@ -17,5 +17,5 @@ interface BuildingProps {
     map?: map4d.Map;
     onCreated?: (building: map4d.Building) => void;
 }
-declare const MFBuilding: (props: BuildingProps) => null;
+declare const MFBuilding: (props: BuildingProps) => any;
 export default MFBuilding;

package/dist/components/MFBuildingOverlay.d.ts

@@ -6,5 +6,5 @@ interface BuildingOverlayProps {
     map?: map4d.Map;
     onCreated?: (buildingOverlay: map4d.BuildingOverlay) => void;
 }
-declare const MFBuildingOverlay: (props: BuildingOverlayProps) => null;
+declare const MFBuildingOverlay: (props: BuildingOverlayProps) => any;
 export default MFBuildingOverlay;

package/dist/components/MFCircle.d.ts

@@ -13,5 +13,5 @@ interface CircleProps {
     map?: map4d.Map;
     onCreated?: (circle: map4d.Circle) => void;
 }
-declare const MFCircle: (props: CircleProps) => null;
+declare const MFCircle: (props: CircleProps) => any;
 export default MFCircle;

package/dist/components/MFDataLayer.d.ts

@@ -3,5 +3,5 @@ interface DataLayerProps {
     map?: map4d.Map;
     onCreated?: (dataLeyer?: map4d.Data.Feature[]) => void;
 }
-declare const MFDataLayer: (props: DataLayerProps) => null;
+declare const MFDataLayer: (props: DataLayerProps) => any;
 export default MFDataLayer;

package/dist/components/MFDirectionsRenderer.d.ts

@@ -27,5 +27,5 @@ interface DirectionsRendererProps {
     onMouseOver?: (args: any) => void;
     onMouseMove?: (args: any) => void;
 }
-declare const MFDirectionsRenderer: (props: DirectionsRendererProps) => null;
+declare const MFDirectionsRenderer: (props: DirectionsRendererProps) => any;
 export default MFDirectionsRenderer;

package/dist/components/MFGroundOverlay.d.ts

@@ -2,5 +2,5 @@ interface GroundOverlayProps extends map4d.GroundOverlayOptions {
     map?: map4d.Map;
     onCreated?: (groundOverlay: map4d.GroundOverlay) => void;
 }
-declare const MFGroundOverlay: (props: GroundOverlayProps) => null;
+declare const MFGroundOverlay: (props: GroundOverlayProps) => any;
 export default MFGroundOverlay;

package/dist/components/MFImageOverlay.d.ts

@@ -2,5 +2,5 @@ interface ImageOverlayProps extends map4d.ImageOverlayOptions {
     map?: map4d.Map;
     onCreated?: (imageOverlay: map4d.ImageOverlay) => void;
 }
-declare const MFImageOverlay: (props: ImageOverlayProps) => null;
+declare const MFImageOverlay: (props: ImageOverlayProps) => any;
 export default MFImageOverlay;

package/dist/components/MFMap.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare function addLibrary(url: string, id: string): HTMLScriptElement | null;
+export declare function addLibrary(url: string, id: string): HTMLScriptElement;
 interface MapOptions {
     center?: any;
     zoom?: number;

package/dist/components/MFMarker.d.ts

@@ -32,5 +32,5 @@ interface MarkerProps {
     onMouseOver?: (args: any) => void;
     onMouseMove?: (args: any) => void;
 }
-declare const MFMarker: (props: MarkerProps) => null;
+declare const MFMarker: (props: MarkerProps) => any;
 export default MFMarker;

package/dist/components/MFPOI.d.ts

@@ -15,5 +15,5 @@ interface POIProps extends map4d.POIOptions {
     onClick?: (args: any) => void;
     onHover?: (args: any) => void;
 }
-declare const MFPOI: (props: POIProps) => null;
+declare const MFPOI: (props: POIProps) => any;
 export default MFPOI;

package/dist/components/MFPOIOverlay.d.ts

@@ -2,5 +2,5 @@ interface POIOverlayProps extends map4d.POIOverlayOptions {
     map?: map4d.Map;
     onCreated?: (poiOverlay: map4d.POIOverlay) => void;
 }
-declare const MFPOIOverlay: (props: POIOverlayProps) => null;
+declare const MFPOIOverlay: (props: POIOverlayProps) => any;
 export default MFPOIOverlay;

package/dist/components/MFPolygon.d.ts

@@ -13,5 +13,5 @@ interface PolygonProps {
     onCreated?: (polygon: map4d.Polygon) => void;
     onHover?: (args: any) => void;
 }
-declare const MFPolygon: (props: PolygonProps) => null;
+declare const MFPolygon: (props: PolygonProps) => any;
 export default MFPolygon;

package/dist/components/MFPolyline.d.ts

@@ -18,5 +18,5 @@ interface PolylineProps {
     onMouseOver?: (args: any) => void;
     onMouseMove?: (args: any) => void;
 }
-declare const MFPolyline: (props: PolylineProps) => null;
+declare const MFPolyline: (props: PolylineProps) => any;
 export default MFPolyline;

package/dist/components/MFTileOverlay.d.ts

@@ -6,5 +6,5 @@ interface TileOverlayProps {
     map?: map4d.Map;
     onCreated?: (tileOverlay: map4d.TileOverlay) => void;
 }
-declare const MFTileOverlay: (props: TileOverlayProps) => null;
+declare const MFTileOverlay: (props: TileOverlayProps) => any;
 export default MFTileOverlay;

package/dist/index.js

@@ -764,6 +764,8 @@ var createId = function createId() {
 };
 
 var MFMap = function MFMap(props) {
+  var _props$options3;
+
   var callback = React.useRef("callback");
   var mapDomRef = React.useRef();
   var mapRef = React.useRef();
@@ -781,19 +783,15 @@ var MFMap = function MFMap(props) {
 
     var createCallback = function createCallback() {
       window[callback.current] = function () {
-        if (mapDomRef.current) {
-          var options = props.options;
-          mapRef.current = new window.map4d.Map(mapDomRef.current, options);
-
-          if (props.onMapReady) {
-            props.onMapReady(mapRef.current, id);
-          }
+        var options = props.options;
+        mapRef.current = new window.map4d.Map(mapDomRef.current, options);
 
-          registerEvent();
-          setMap(mapRef.current);
-        } else {
-          console.error("MFMap: map element is NOT found");
+        if (props.onMapReady) {
+          props.onMapReady(mapRef.current, id);
         }
+
+        registerEvent();
+        setMap(mapRef.current);
       };
     };
 
@@ -836,138 +834,143 @@ var MFMap = function MFMap(props) {
 
       destroy();
     };
-  }, [props.environment, props.version, props.accessKey]);
+  }, [props.environment, props.version, props.accessKey, props.options]);
+  React.useEffect(function () {
+    var _props$options, _mapRef$current2, _props$options2;
+
+    ((_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.mapType) != undefined && ((_mapRef$current2 = mapRef.current) === null || _mapRef$current2 === void 0 ? void 0 : _mapRef$current2.setMapType((_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.mapType));
+  }, [(_props$options3 = props.options) === null || _props$options3 === void 0 ? void 0 : _props$options3.mapType]);
 
   var registerEvent = function registerEvent() {
-    var _mapRef$current2, _mapRef$current3, _mapRef$current4, _mapRef$current5, _mapRef$current6, _mapRef$current7, _mapRef$current8, _mapRef$current9, _mapRef$current10, _mapRef$current11, _mapRef$current12, _mapRef$current13, _mapRef$current14, _mapRef$current15, _mapRef$current16, _mapRef$current17, _mapRef$current18, _mapRef$current19, _mapRef$current20;
+    var _mapRef$current3, _mapRef$current4, _mapRef$current5, _mapRef$current6, _mapRef$current7, _mapRef$current8, _mapRef$current9, _mapRef$current10, _mapRef$current11, _mapRef$current12, _mapRef$current13, _mapRef$current14, _mapRef$current15, _mapRef$current16, _mapRef$current17, _mapRef$current18, _mapRef$current19, _mapRef$current20, _mapRef$current21;
 
-    var eventClickMarker = (_mapRef$current2 = mapRef.current) === null || _mapRef$current2 === void 0 ? void 0 : _mapRef$current2.addListener("click", function (args) {
+    var eventClickMarker = (_mapRef$current3 = mapRef.current) === null || _mapRef$current3 === void 0 ? void 0 : _mapRef$current3.addListener("click", function (args) {
       var _args$marker, _args$marker2;
 
       ((_args$marker = args.marker) === null || _args$marker === void 0 ? void 0 : _args$marker.onClick) && ((_args$marker2 = args.marker) === null || _args$marker2 === void 0 ? void 0 : _args$marker2.onClick(args));
     }, {
       marker: true
     });
-    var eventRightClickMarker = (_mapRef$current3 = mapRef.current) === null || _mapRef$current3 === void 0 ? void 0 : _mapRef$current3.addListener("rightClick", function (args) {
+    var eventRightClickMarker = (_mapRef$current4 = mapRef.current) === null || _mapRef$current4 === void 0 ? void 0 : _mapRef$current4.addListener("rightClick", function (args) {
       var _args$marker3, _args$marker4;
 
       ((_args$marker3 = args.marker) === null || _args$marker3 === void 0 ? void 0 : _args$marker3.onRightClick) && ((_args$marker4 = args.marker) === null || _args$marker4 === void 0 ? void 0 : _args$marker4.onRightClick(args));
     }, {
       marker: true
     });
-    var eventDragEndMarker = (_mapRef$current4 = mapRef.current) === null || _mapRef$current4 === void 0 ? void 0 : _mapRef$current4.addListener("dragEnd", function (args) {
+    var eventDragEndMarker = (_mapRef$current5 = mapRef.current) === null || _mapRef$current5 === void 0 ? void 0 : _mapRef$current5.addListener("dragEnd", function (args) {
       var _args$marker5, _args$marker6;
 
       ((_args$marker5 = args.marker) === null || _args$marker5 === void 0 ? void 0 : _args$marker5.onDragEnd) && ((_args$marker6 = args.marker) === null || _args$marker6 === void 0 ? void 0 : _args$marker6.onDragEnd(args));
     }, {
       marker: true
     });
-    var eventHoverMarker = (_mapRef$current5 = mapRef.current) === null || _mapRef$current5 === void 0 ? void 0 : _mapRef$current5.addListener("hover", function (args) {
+    var eventHoverMarker = (_mapRef$current6 = mapRef.current) === null || _mapRef$current6 === void 0 ? void 0 : _mapRef$current6.addListener("hover", function (args) {
       var _args$marker7, _args$marker8;
 
       ((_args$marker7 = args.marker) === null || _args$marker7 === void 0 ? void 0 : _args$marker7.onHover) && ((_args$marker8 = args.marker) === null || _args$marker8 === void 0 ? void 0 : _args$marker8.onHover(args));
     }, {
       marker: true
     });
-    var eventHoverPolygon = (_mapRef$current6 = mapRef.current) === null || _mapRef$current6 === void 0 ? void 0 : _mapRef$current6.addListener("hover", function (args) {
+    var eventHoverPolygon = (_mapRef$current7 = mapRef.current) === null || _mapRef$current7 === void 0 ? void 0 : _mapRef$current7.addListener("hover", function (args) {
       var _args$polygon, _args$polygon2;
 
       ((_args$polygon = args.polygon) === null || _args$polygon === void 0 ? void 0 : _args$polygon.onHover) && ((_args$polygon2 = args.polygon) === null || _args$polygon2 === void 0 ? void 0 : _args$polygon2.onHover(args));
     }, {
       polygon: true
     });
-    var eventHoverPolyline = (_mapRef$current7 = mapRef.current) === null || _mapRef$current7 === void 0 ? void 0 : _mapRef$current7.addListener("hover", function (args) {
+    var eventHoverPolyline = (_mapRef$current8 = mapRef.current) === null || _mapRef$current8 === void 0 ? void 0 : _mapRef$current8.addListener("hover", function (args) {
       var _args$polyline, _args$polyline2;
 
       ((_args$polyline = args.polyline) === null || _args$polyline === void 0 ? void 0 : _args$polyline.onHover) && ((_args$polyline2 = args.polyline) === null || _args$polyline2 === void 0 ? void 0 : _args$polyline2.onHover(args));
     }, {
       polyline: true
     });
-    var eventHoverDirection = (_mapRef$current8 = mapRef.current) === null || _mapRef$current8 === void 0 ? void 0 : _mapRef$current8.addListener("hover", function (args) {
+    var eventHoverDirection = (_mapRef$current9 = mapRef.current) === null || _mapRef$current9 === void 0 ? void 0 : _mapRef$current9.addListener("hover", function (args) {
       var _args$renderer, _args$renderer2;
 
       ((_args$renderer = args.renderer) === null || _args$renderer === void 0 ? void 0 : _args$renderer.onHover) && ((_args$renderer2 = args.renderer) === null || _args$renderer2 === void 0 ? void 0 : _args$renderer2.onHover(args));
     }, {
       directions: true
     });
-    var eventClickPolyline = (_mapRef$current9 = mapRef.current) === null || _mapRef$current9 === void 0 ? void 0 : _mapRef$current9.addListener("click", function (args) {
+    var eventClickPolyline = (_mapRef$current10 = mapRef.current) === null || _mapRef$current10 === void 0 ? void 0 : _mapRef$current10.addListener("click", function (args) {
       var _args$polyline3, _args$polyline4;
 
       ((_args$polyline3 = args.polyline) === null || _args$polyline3 === void 0 ? void 0 : _args$polyline3.onClick) && ((_args$polyline4 = args.polyline) === null || _args$polyline4 === void 0 ? void 0 : _args$polyline4.onClick(args));
     }, {
       polyline: true
     });
-    var eventMouseOutDirection = (_mapRef$current10 = mapRef.current) === null || _mapRef$current10 === void 0 ? void 0 : _mapRef$current10.addListener("mouseOut", function (args) {
+    var eventMouseOutDirection = (_mapRef$current11 = mapRef.current) === null || _mapRef$current11 === void 0 ? void 0 : _mapRef$current11.addListener("mouseOut", function (args) {
       var _args$renderer3, _args$renderer4;
 
       ((_args$renderer3 = args.renderer) === null || _args$renderer3 === void 0 ? void 0 : _args$renderer3.onMouseOut) && ((_args$renderer4 = args.renderer) === null || _args$renderer4 === void 0 ? void 0 : _args$renderer4.onMouseOut(args));
     }, {
       directions: true
     });
-    var eventMouseOverDirection = (_mapRef$current11 = mapRef.current) === null || _mapRef$current11 === void 0 ? void 0 : _mapRef$current11.addListener("mouseOver", function (args) {
+    var eventMouseOverDirection = (_mapRef$current12 = mapRef.current) === null || _mapRef$current12 === void 0 ? void 0 : _mapRef$current12.addListener("mouseOver", function (args) {
       var _args$renderer5, _args$renderer6;
 
       ((_args$renderer5 = args.renderer) === null || _args$renderer5 === void 0 ? void 0 : _args$renderer5.onMouseOver) && ((_args$renderer6 = args.renderer) === null || _args$renderer6 === void 0 ? void 0 : _args$renderer6.onMouseOver(args));
     }, {
       directions: true
     });
-    var eventMouseMoveDirection = (_mapRef$current12 = mapRef.current) === null || _mapRef$current12 === void 0 ? void 0 : _mapRef$current12.addListener("mouseMove", function (args) {
+    var eventMouseMoveDirection = (_mapRef$current13 = mapRef.current) === null || _mapRef$current13 === void 0 ? void 0 : _mapRef$current13.addListener("mouseMove", function (args) {
       var _args$renderer7, _args$renderer8;
 
       ((_args$renderer7 = args.renderer) === null || _args$renderer7 === void 0 ? void 0 : _args$renderer7.onMouseMove) && ((_args$renderer8 = args.renderer) === null || _args$renderer8 === void 0 ? void 0 : _args$renderer8.onMouseMove(args));
     }, {
       directions: true
     });
-    var eventMouseOutPolyline = (_mapRef$current13 = mapRef.current) === null || _mapRef$current13 === void 0 ? void 0 : _mapRef$current13.addListener("mouseOut", function (args) {
+    var eventMouseOutPolyline = (_mapRef$current14 = mapRef.current) === null || _mapRef$current14 === void 0 ? void 0 : _mapRef$current14.addListener("mouseOut", function (args) {
       var _args$polyline5, _args$polyline6;
 
       ((_args$polyline5 = args.polyline) === null || _args$polyline5 === void 0 ? void 0 : _args$polyline5.onMouseOut) && ((_args$polyline6 = args.polyline) === null || _args$polyline6 === void 0 ? void 0 : _args$polyline6.onMouseOut(args));
     }, {
       polyline: true
     });
-    var eventMouseOverPolyline = (_mapRef$current14 = mapRef.current) === null || _mapRef$current14 === void 0 ? void 0 : _mapRef$current14.addListener("mouseOver", function (args) {
+    var eventMouseOverPolyline = (_mapRef$current15 = mapRef.current) === null || _mapRef$current15 === void 0 ? void 0 : _mapRef$current15.addListener("mouseOver", function (args) {
       var _args$polyline7, _args$polyline8;
 
       ((_args$polyline7 = args.polyline) === null || _args$polyline7 === void 0 ? void 0 : _args$polyline7.onMouseOver) && ((_args$polyline8 = args.polyline) === null || _args$polyline8 === void 0 ? void 0 : _args$polyline8.onMouseOver(args));
     }, {
       polyline: true
     });
-    var eventMouseMovePolyline = (_mapRef$current15 = mapRef.current) === null || _mapRef$current15 === void 0 ? void 0 : _mapRef$current15.addListener("mouseMove", function (args) {
+    var eventMouseMovePolyline = (_mapRef$current16 = mapRef.current) === null || _mapRef$current16 === void 0 ? void 0 : _mapRef$current16.addListener("mouseMove", function (args) {
       var _args$polyline9, _args$polyline10;
 
       ((_args$polyline9 = args.polyline) === null || _args$polyline9 === void 0 ? void 0 : _args$polyline9.onMouseMove) && ((_args$polyline10 = args.polyline) === null || _args$polyline10 === void 0 ? void 0 : _args$polyline10.onMouseMove(args));
     }, {
       polyline: true
     });
-    var eventMouseOutMarker = (_mapRef$current16 = mapRef.current) === null || _mapRef$current16 === void 0 ? void 0 : _mapRef$current16.addListener("mouseOut", function (args) {
+    var eventMouseOutMarker = (_mapRef$current17 = mapRef.current) === null || _mapRef$current17 === void 0 ? void 0 : _mapRef$current17.addListener("mouseOut", function (args) {
       var _args$marker9, _args$marker10;
 
       ((_args$marker9 = args.marker) === null || _args$marker9 === void 0 ? void 0 : _args$marker9.onMouseOut) && ((_args$marker10 = args.marker) === null || _args$marker10 === void 0 ? void 0 : _args$marker10.onMouseOut(args));
     }, {
       marker: true
     });
-    var eventMouseOverMarker = (_mapRef$current17 = mapRef.current) === null || _mapRef$current17 === void 0 ? void 0 : _mapRef$current17.addListener("mouseOver", function (args) {
+    var eventMouseOverMarker = (_mapRef$current18 = mapRef.current) === null || _mapRef$current18 === void 0 ? void 0 : _mapRef$current18.addListener("mouseOver", function (args) {
       var _args$marker11, _args$marker12;
 
       ((_args$marker11 = args.marker) === null || _args$marker11 === void 0 ? void 0 : _args$marker11.onMouseOver) && ((_args$marker12 = args.marker) === null || _args$marker12 === void 0 ? void 0 : _args$marker12.onMouseOver(args));
     }, {
       marker: true
     });
-    var eventMouseMoveMarker = (_mapRef$current18 = mapRef.current) === null || _mapRef$current18 === void 0 ? void 0 : _mapRef$current18.addListener("mouseMove", function (args) {
+    var eventMouseMoveMarker = (_mapRef$current19 = mapRef.current) === null || _mapRef$current19 === void 0 ? void 0 : _mapRef$current19.addListener("mouseMove", function (args) {
       var _args$marker13, _args$marker14;
 
       ((_args$marker13 = args.marker) === null || _args$marker13 === void 0 ? void 0 : _args$marker13.onMouseMove) && ((_args$marker14 = args.marker) === null || _args$marker14 === void 0 ? void 0 : _args$marker14.onMouseMove(args));
     }, {
       marker: true
     });
-    var eventClickPoi = (_mapRef$current19 = mapRef.current) === null || _mapRef$current19 === void 0 ? void 0 : _mapRef$current19.addListener("click", function (args) {
+    var eventClickPoi = (_mapRef$current20 = mapRef.current) === null || _mapRef$current20 === void 0 ? void 0 : _mapRef$current20.addListener("click", function (args) {
       var _args$poi, _args$poi2;
 
       ((_args$poi = args.poi) === null || _args$poi === void 0 ? void 0 : _args$poi.onClick) && ((_args$poi2 = args.poi) === null || _args$poi2 === void 0 ? void 0 : _args$poi2.onClick(args));
     }, {
       poi: true
     });
-    var eventHoverPoi = (_mapRef$current20 = mapRef.current) === null || _mapRef$current20 === void 0 ? void 0 : _mapRef$current20.addListener("hover", function (args) {
+    var eventHoverPoi = (_mapRef$current21 = mapRef.current) === null || _mapRef$current21 === void 0 ? void 0 : _mapRef$current21.addListener("hover", function (args) {
       var _args$poi3, _args$poi4;
 
       ((_args$poi3 = args.poi) === null || _args$poi3 === void 0 ? void 0 : _args$poi3.onHover) && ((_args$poi4 = args.poi) === null || _args$poi4 === void 0 ? void 0 : _args$poi4.onHover(args));
@@ -977,9 +980,9 @@ var MFMap = function MFMap(props) {
     events.current = events.current.concat([eventClickMarker, eventRightClickMarker, eventDragEndMarker, eventHoverMarker, eventHoverPolygon, eventHoverPolyline, eventHoverDirection, eventClickPolyline, eventMouseOutDirection, eventMouseOverDirection, eventMouseMoveDirection, eventMouseOutPolyline, eventMouseOverPolyline, eventMouseMovePolyline, eventMouseOutMarker, eventMouseOverMarker, eventMouseMoveMarker, eventClickPoi, eventHoverPoi]);
 
     if (props.onClickLocation) {
-      var _mapRef$current21;
+      var _mapRef$current22;
 
-      var onClickLocation = (_mapRef$current21 = mapRef.current) === null || _mapRef$current21 === void 0 ? void 0 : _mapRef$current21.addListener("click", function (args) {
+      var onClickLocation = (_mapRef$current22 = mapRef.current) === null || _mapRef$current22 === void 0 ? void 0 : _mapRef$current22.addListener("click", function (args) {
         props.onClickLocation && props.onClickLocation(args);
       }, {
         location: true
@@ -988,9 +991,9 @@ var MFMap = function MFMap(props) {
     }
 
     if (props.onRightClickLocation) {
-      var _mapRef$current22;
+      var _mapRef$current23;
 
-      var onRightClickLocation = (_mapRef$current22 = mapRef.current) === null || _mapRef$current22 === void 0 ? void 0 : _mapRef$current22.addListener("rightClick", function (args) {
+      var onRightClickLocation = (_mapRef$current23 = mapRef.current) === null || _mapRef$current23 === void 0 ? void 0 : _mapRef$current23.addListener("rightClick", function (args) {
         props.onRightClickLocation && props.onRightClickLocation(args);
       }, {
         location: true
@@ -999,9 +1002,9 @@ var MFMap = function MFMap(props) {
     }
 
     if (props.onTilesLoaded) {
-      var _mapRef$current23;
+      var _mapRef$current24;
 
-      var onTilesLoaded = (_mapRef$current23 = mapRef.current) === null || _mapRef$current23 === void 0 ? void 0 : _mapRef$current23.addListener("tilesLoaded", function (args) {
+      var onTilesLoaded = (_mapRef$current24 = mapRef.current) === null || _mapRef$current24 === void 0 ? void 0 : _mapRef$current24.addListener("tilesLoaded", function (args) {
         props.onTilesLoaded && props.onTilesLoaded(args);
       }, {
         location: true
@@ -1010,9 +1013,9 @@ var MFMap = function MFMap(props) {
     }
 
     if (props.onCameraChanging) {
-      var _mapRef$current24;
+      var _mapRef$current25;
 
-      var onCameraChanging = (_mapRef$current24 = mapRef.current) === null || _mapRef$current24 === void 0 ? void 0 : _mapRef$current24.addListener("cameraChanging", function (args) {
+      var onCameraChanging = (_mapRef$current25 = mapRef.current) === null || _mapRef$current25 === void 0 ? void 0 : _mapRef$current25.addListener("cameraChanging", function (args) {
         props.onCameraChanging && props.onCameraChanging(args);
       }, {
         location: true
@@ -1024,21 +1027,16 @@ var MFMap = function MFMap(props) {
   var newContext = {
     map: map
   };
-
-  var refDiv = function refDiv(r) {
-    mapDomRef.current = r;
-  };
-
-  return React__default.createElement(Map4dContext.Provider, {
-    value: newContext
-  }, React__default.createElement("div", {
+  return React__default.createElement(React.Fragment, null, React__default.createElement("div", {
     style: {
       width: '100%',
       height: '100%',
       display: 'block'
     },
-    ref: refDiv
-  }), props.children);
+    ref: mapDomRef
+  }), React__default.createElement(Map4dContext.Provider, {
+    value: newContext
+  }, props.children));
 };
 
 var MFMarker = function MFMarker(props) {