react-map4d-map 1.3.6 → 1.3.8

package/dist/index.modern.js

@@ -1010,11 +1010,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) {
@@ -1354,7 +1356,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,
@@ -1367,9 +1369,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);
+      }
     }
   };
 
@@ -1647,6 +1654,7 @@ var MFPolygon = function MFPolygon(props) {
       userInteractionEnabled = props.userInteractionEnabled,
       map = props.map,
       onHover = props.onHover,
+      onClick = props.onClick,
       onCreated = props.onCreated;
   var map4dContext = useContext(Map4dContext);
   var theMap = map || map4dContext.map;
@@ -1675,6 +1683,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]);
@@ -1703,6 +1712,11 @@ var MFPolygon = function MFPolygon(props) {
       polygonRef.current.onHover = onHover;
     }
   }, [onHover]);
+  useEffect(function () {
+    if (polygonRef.current) {
+      polygonRef.current.onClick = onClick;
+    }
+  }, [onClick]);
   useEffect(function () {
     var _polygonRef$current5;