react-map4d-map 1.3.6 → 1.3.8

package/dist/components/MFPolygon.d.ts

@@ -12,6 +12,7 @@ interface PolygonProps {
     map?: map4d.Map;
     onCreated?: (polygon: map4d.Polygon) => void;
     onHover?: (args: any) => void;
+    onClick?: (args: any) => void;
 }
 declare const MFPolygon: (props: PolygonProps) => null;
 export default MFPolygon;

package/dist/index.js

@@ -1013,11 +1013,13 @@ var MFMap = function MFMap(props) {
       poi: true
     });
     events.current = events.current.concat([eventClickMarker, eventRightClickMarker, eventDragEndMarker, eventHoverMarker, eventHoverPolygon, eventHoverPolyline, eventHoverDirection, eventClickPolyline, eventMouseOutDirection, eventMouseOverDirection, eventMouseMoveDirection, eventMouseOutPolyline, eventMouseOverPolyline, eventMouseMovePolyline, eventMouseOutMarker, eventMouseOverMarker, eventMouseMoveMarker, eventClickPoi, eventHoverPoi, (_mapRef$current21 = mapRef.current) === null || _mapRef$current21 === void 0 ? void 0 : _mapRef$current21.addListener("click", function (args) {
-      var _args$circle, _args$circle2;
+      var _args$circle, _args$circle2, _args$polygon3, _args$polygon3$onClic;
 
       ((_args$circle = args.circle) === null || _args$circle === void 0 ? void 0 : _args$circle.onClick) && ((_args$circle2 = args.circle) === null || _args$circle2 === void 0 ? void 0 : _args$circle2.onClick(args));
+      (_args$polygon3 = args.polygon) === null || _args$polygon3 === void 0 ? void 0 : (_args$polygon3$onClic = _args$polygon3.onClick) === null || _args$polygon3$onClic === void 0 ? void 0 : _args$polygon3$onClic.call(_args$polygon3, args);
     }, {
-      circle: true
+      circle: true,
+      polygon: true
     })]);
 
     if (props.onClickLocation) {
@@ -1357,7 +1359,7 @@ var MFMarkerCluster = function MFMarkerCluster(props) {
     (_markerClusterRef$cur = markerClusterRef.current) === null || _markerClusterRef$cur === void 0 ? void 0 : _markerClusterRef$cur.setMap(null);
 
     if (theMap) {
-      var _markerClusterRef$cur2;
+      var _markerRefs$current;
 
       var option = {
         minZoom: minZoom,
@@ -1370,9 +1372,14 @@ var MFMarkerCluster = function MFMarkerCluster(props) {
           delete option[key];
         }
       });
-      markerClusterRef.current = new map4d.MarkerClusterer(markerRefs.current, option);
-      (_markerClusterRef$cur2 = markerClusterRef.current) === null || _markerClusterRef$cur2 === void 0 ? void 0 : _markerClusterRef$cur2.setMap(theMap);
-      onCreated && onCreated(markerClusterRef.current);
+
+      if (markerRefs.current && ((_markerRefs$current = markerRefs.current) === null || _markerRefs$current === void 0 ? void 0 : _markerRefs$current.length) > 0) {
+        var _markerClusterRef$cur2;
+
+        markerClusterRef.current = new map4d.MarkerClusterer(markerRefs.current, option);
+        (_markerClusterRef$cur2 = markerClusterRef.current) === null || _markerClusterRef$cur2 === void 0 ? void 0 : _markerClusterRef$cur2.setMap(theMap);
+        onCreated && onCreated(markerClusterRef.current);
+      }
     }
   };
 
@@ -1650,6 +1657,7 @@ var MFPolygon = function MFPolygon(props) {
       userInteractionEnabled = props.userInteractionEnabled,
       map = props.map,
       onHover = props.onHover,
+      onClick = props.onClick,
       onCreated = props.onCreated;
   var map4dContext = React.useContext(Map4dContext);
   var theMap = map || map4dContext.map;
@@ -1678,6 +1686,7 @@ var MFPolygon = function MFPolygon(props) {
       polygonRef.current = new map4d.Polygon(option);
       (_polygonRef$current = polygonRef.current) === null || _polygonRef$current === void 0 ? void 0 : _polygonRef$current.setMap(theMap);
       polygonRef.current.onHover = props.onHover;
+      polygonRef.current.onClick = onClick;
       onCreated && onCreated(polygonRef.current);
     }
   }, [theMap]);
@@ -1706,6 +1715,11 @@ var MFPolygon = function MFPolygon(props) {
       polygonRef.current.onHover = onHover;
     }
   }, [onHover]);
+  React.useEffect(function () {
+    if (polygonRef.current) {
+      polygonRef.current.onClick = onClick;
+    }
+  }, [onClick]);
   React.useEffect(function () {
     var _polygonRef$current5;