@mint-ui/map 0.4.1-beta → 0.4.3-beta

package/dist/components/mint-map/MintMap.d.ts

@@ -11,6 +11,7 @@ export interface MintMapProps extends MintMapEvents {
     base?: BaseProps;
     visible?: boolean;
     center?: Position;
+    centerMoveWithPanning?: boolean;
     zoomLevel?: number;
     draggable?: boolean;
     keyboardShortcuts?: boolean;

package/dist/components/mint-map/core/MintMapController.js

@@ -58,7 +58,6 @@ var MintMapController = function () {
       return tslib.__generator(this, function (_a) {
         return [2, new Promise(function (resolve) {
           if (id && document.getElementById(id)) {
-            console.log("already loaded script => ".concat(id));
             resolve();
             return;
           }

package/dist/components/mint-map/core/MintMapCore.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from "react";
 import { MintMapProps } from "../MintMap";
-export declare function MintMapCore({ onLoad, visible, zoomLevel, center, children }: PropsWithChildren<MintMapProps>): JSX.Element;
+export declare function MintMapCore({ onLoad, visible, zoomLevel, center, centerMoveWithPanning, children }: PropsWithChildren<MintMapProps>): JSX.Element;

package/dist/components/mint-map/core/MintMapCore.js

@@ -23,13 +23,15 @@ function MintMapCore(_a) {
       visible = _b === void 0 ? true : _b,
       zoomLevel = _a.zoomLevel,
       center = _a.center,
+      _c = _a.centerMoveWithPanning,
+      centerMoveWithPanning = _c === void 0 ? false : _c,
       children = _a.children;
   var controller = MintMapProvider.useMintMapController();
   var elementRef = React.useRef(null);
 
-  var _c = React.useState(false),
-      mapInitialized = _c[0],
-      setMapInitialized = _c[1];
+  var _d = React.useState(false),
+      mapInitialized = _d[0],
+      setMapInitialized = _d[1];
 
   React.useEffect(function () {
     (function () {
@@ -74,7 +76,7 @@ function MintMapCore(_a) {
       var prevCenter = controller.getCenter();
 
       if (!MintMap.Position.equals(prevCenter, center)) {
-        controller === null || controller === void 0 ? void 0 : controller.setCenter(center);
+        centerMoveWithPanning ? controller === null || controller === void 0 ? void 0 : controller.panningTo(center) : controller === null || controller === void 0 ? void 0 : controller.setCenter(center);
       }
     }
   }, [center]);

package/dist/components/mint-map/core/wrapper/MapCanvasWrapper.js

@@ -182,7 +182,7 @@ function MapCanvasWrapper(_a) {
   var renderItemsOnView = React.useRef([]);
   var renderItemsMouseOverStatus = React.useRef(new Set());
   React.useEffect(function () {
-    renderItems.current = (Array.isArray(children) ? children : [children]).map(function (item) {
+    renderItems.current = (Array.isArray(children) ? children : children ? [children] : []).map(function (item) {
       return item.props;
     });
     var zIndexList = [];

package/dist/components/mint-map/google/GoogleMintMapController.js

@@ -28,11 +28,8 @@ var GoogleMintMapController = function (_super) {
       } catch (e) {
         console.log('google map destroy error', e);
       }
-
-      console.log("".concat(_this.type, " map destroyed"));
     };
 
-    console.log("".concat(_this.type, " controller loadded"));
     return _this;
   }
 
@@ -328,7 +325,6 @@ var GoogleMintMapController = function (_super) {
                   loaded = false;
 
                   window[callbackName] = function () {
-                    console.log('google api loaded');
                     loaded = true;
                     delete window[callbackName];
                   };
@@ -357,7 +353,6 @@ var GoogleMintMapController = function (_super) {
 
                   this.mapApiLoaded = true;
                   resolve(true);
-                  console.log("".concat(this.type, " map script api loaded"));
                   return [2];
               }
             });
@@ -433,7 +428,6 @@ var GoogleMintMapController = function (_super) {
                     _this.mapProps.onMouseMove(pos);
                   });
                   this.mapInitialized = true;
-                  console.log("".concat(this.type, " map script initialized"), divElement);
                   resolve(map);
                   return [2];
               }

package/dist/components/mint-map/kakao/KakaoMintMapController.js

@@ -23,7 +23,6 @@ var KakaoMintMapController = function (_super) {
     _this.markerEvents = ['click', 'mouseover', 'mouseout'];
     _this.dragStartPoint = [0, 0];
     _this.dragged = false;
-    console.log("".concat(_this.type, " controller loadded"));
     return _this;
   }
 
@@ -341,7 +340,6 @@ var KakaoMintMapController = function (_super) {
 
                   this.mapApiLoaded = true;
                   resolve(true);
-                  console.log("".concat(this.type, " map script loaded"));
                   return [2];
               }
             });
@@ -434,7 +432,6 @@ var KakaoMintMapController = function (_super) {
                   });
                   this.mapInitialized = true;
                   this.initMarkerPool();
-                  console.log("".concat(this.type, " map script initialized"), divElement);
                   resolve(map);
                   return [2];
               }
@@ -465,8 +462,6 @@ var KakaoMintMapController = function (_super) {
     } catch (e) {
       console.log('kakao map destroy error', e);
     }
-
-    console.log("".concat(this.type, " map destroyed"));
   };
 
   KakaoMintMapController.prototype.getCurrBounds = function () {

package/dist/components/mint-map/naver/NaverMintMapController.js

@@ -23,7 +23,6 @@ var NaverMintMapController = function (_super) {
     _this.markerEvents = ['click', 'mouseover', 'mouseout'];
     _this.dragStartPoint = [0, 0];
     _this.dragged = false;
-    console.log("".concat(_this.type, " controller loadded"));
     return _this;
   }
 
@@ -309,7 +308,7 @@ var NaverMintMapController = function (_super) {
       var _this = this;
 
       return tslib.__generator(this, function (_a) {
-        return [2, new Promise(function (resolve) {
+        return [2, new Promise(function (resolve, error) {
           return tslib.__awaiter(_this, void 0, void 0, function () {
             var callbackName, loaded, params, ok;
             return tslib.__generator(this, function (_a) {
@@ -319,7 +318,6 @@ var NaverMintMapController = function (_super) {
                   loaded = false;
 
                   window[callbackName] = function () {
-                    console.log('naver api loaded');
                     loaded = true;
                     delete window[callbackName];
                   };
@@ -342,12 +340,11 @@ var NaverMintMapController = function (_super) {
                   ok = _a.sent();
 
                   if (!ok) {
-                    throw new Error('naver script api load failed!!');
+                    error('naver script api load failed!!');
                   }
 
                   this.mapApiLoaded = true;
                   resolve(true);
-                  console.log("".concat(this.type, " map script loaded"));
                   return [2];
               }
             });
@@ -455,7 +452,6 @@ var NaverMintMapController = function (_super) {
                   });
                   this.mapInitialized = true;
                   this.initMarkerPool();
-                  console.log("".concat(this.type, " map script initialized"), divElement);
                   resolve(map);
                   map.trigger('idle');
                   return [2];
@@ -486,8 +482,6 @@ var NaverMintMapController = function (_super) {
     } catch (e) {
       console.log('naver map destroy error', e);
     }
-
-    console.log("".concat(this.type, " map destroyed"));
   };
 
   NaverMintMapController.prototype.getCurrBounds = function () {

package/dist/index.es.js

@@ -40,13 +40,15 @@ function MintMapCore(_a) {
       visible = _b === void 0 ? true : _b,
       zoomLevel = _a.zoomLevel,
       center = _a.center,
+      _c = _a.centerMoveWithPanning,
+      centerMoveWithPanning = _c === void 0 ? false : _c,
       children = _a.children;
   var controller = useMintMapController();
   var elementRef = useRef(null);
 
-  var _c = useState(false),
-      mapInitialized = _c[0],
-      setMapInitialized = _c[1];
+  var _d = useState(false),
+      mapInitialized = _d[0],
+      setMapInitialized = _d[1];
 
   useEffect(function () {
     (function () {
@@ -91,7 +93,7 @@ function MintMapCore(_a) {
       var prevCenter = controller.getCenter();
 
       if (!Position.equals(prevCenter, center)) {
-        controller === null || controller === void 0 ? void 0 : controller.setCenter(center);
+        centerMoveWithPanning ? controller === null || controller === void 0 ? void 0 : controller.panningTo(center) : controller === null || controller === void 0 ? void 0 : controller.setCenter(center);
       }
     }
   }, [center]);
@@ -378,7 +380,6 @@ var MintMapController = function () {
       return __generator(this, function (_a) {
         return [2, new Promise(function (resolve) {
           if (id && document.getElementById(id)) {
-            console.log("already loaded script => ".concat(id));
             resolve();
             return;
           }
@@ -678,7 +679,6 @@ var NaverMintMapController = function (_super) {
     _this.markerEvents = ['click', 'mouseover', 'mouseout'];
     _this.dragStartPoint = [0, 0];
     _this.dragged = false;
-    console.log("".concat(_this.type, " controller loadded"));
     return _this;
   }
 
@@ -964,7 +964,7 @@ var NaverMintMapController = function (_super) {
       var _this = this;
 
       return __generator(this, function (_a) {
-        return [2, new Promise(function (resolve) {
+        return [2, new Promise(function (resolve, error) {
           return __awaiter(_this, void 0, void 0, function () {
             var callbackName, loaded, params, ok;
             return __generator(this, function (_a) {
@@ -974,7 +974,6 @@ var NaverMintMapController = function (_super) {
                   loaded = false;
 
                   window[callbackName] = function () {
-                    console.log('naver api loaded');
                     loaded = true;
                     delete window[callbackName];
                   };
@@ -997,12 +996,11 @@ var NaverMintMapController = function (_super) {
                   ok = _a.sent();
 
                   if (!ok) {
-                    throw new Error('naver script api load failed!!');
+                    error('naver script api load failed!!');
                   }
 
                   this.mapApiLoaded = true;
                   resolve(true);
-                  console.log("".concat(this.type, " map script loaded"));
                   return [2];
               }
             });
@@ -1110,7 +1108,6 @@ var NaverMintMapController = function (_super) {
                   });
                   this.mapInitialized = true;
                   this.initMarkerPool();
-                  console.log("".concat(this.type, " map script initialized"), divElement);
                   resolve(map);
                   map.trigger('idle');
                   return [2];
@@ -1141,8 +1138,6 @@ var NaverMintMapController = function (_super) {
     } catch (e) {
       console.log('naver map destroy error', e);
     }
-
-    console.log("".concat(this.type, " map destroyed"));
   };
 
   NaverMintMapController.prototype.getCurrBounds = function () {
@@ -1208,11 +1203,8 @@ var GoogleMintMapController = function (_super) {
       } catch (e) {
         console.log('google map destroy error', e);
       }
-
-      console.log("".concat(_this.type, " map destroyed"));
     };
 
-    console.log("".concat(_this.type, " controller loadded"));
     return _this;
   }
 
@@ -1508,7 +1500,6 @@ var GoogleMintMapController = function (_super) {
                   loaded = false;
 
                   window[callbackName] = function () {
-                    console.log('google api loaded');
                     loaded = true;
                     delete window[callbackName];
                   };
@@ -1537,7 +1528,6 @@ var GoogleMintMapController = function (_super) {
 
                   this.mapApiLoaded = true;
                   resolve(true);
-                  console.log("".concat(this.type, " map script api loaded"));
                   return [2];
               }
             });
@@ -1613,7 +1603,6 @@ var GoogleMintMapController = function (_super) {
                     _this.mapProps.onMouseMove(pos);
                   });
                   this.mapInitialized = true;
-                  console.log("".concat(this.type, " map script initialized"), divElement);
                   resolve(map);
                   return [2];
               }
@@ -1688,7 +1677,6 @@ var KakaoMintMapController = function (_super) {
     _this.markerEvents = ['click', 'mouseover', 'mouseout'];
     _this.dragStartPoint = [0, 0];
     _this.dragged = false;
-    console.log("".concat(_this.type, " controller loadded"));
     return _this;
   }
 
@@ -2006,7 +1994,6 @@ var KakaoMintMapController = function (_super) {
 
                   this.mapApiLoaded = true;
                   resolve(true);
-                  console.log("".concat(this.type, " map script loaded"));
                   return [2];
               }
             });
@@ -2099,7 +2086,6 @@ var KakaoMintMapController = function (_super) {
                   });
                   this.mapInitialized = true;
                   this.initMarkerPool();
-                  console.log("".concat(this.type, " map script initialized"), divElement);
                   resolve(map);
                   return [2];
               }
@@ -2130,8 +2116,6 @@ var KakaoMintMapController = function (_super) {
     } catch (e) {
       console.log('kakao map destroy error', e);
     }
-
-    console.log("".concat(this.type, " map destroyed"));
   };
 
   KakaoMintMapController.prototype.getCurrBounds = function () {
@@ -3409,7 +3393,7 @@ function MapCanvasWrapper(_a) {
   var renderItemsOnView = useRef([]);
   var renderItemsMouseOverStatus = useRef(new Set());
   useEffect(function () {
-    renderItems.current = (Array.isArray(children) ? children : [children]).map(function (item) {
+    renderItems.current = (Array.isArray(children) ? children : children ? [children] : []).map(function (item) {
       return item.props;
     });
     var zIndexList = [];

package/dist/index.umd.js

@@ -45,13 +45,15 @@
         visible = _b === void 0 ? true : _b,
         zoomLevel = _a.zoomLevel,
         center = _a.center,
+        _c = _a.centerMoveWithPanning,
+        centerMoveWithPanning = _c === void 0 ? false : _c,
         children = _a.children;
     var controller = useMintMapController();
     var elementRef = React.useRef(null);
 
-    var _c = React.useState(false),
-        mapInitialized = _c[0],
-        setMapInitialized = _c[1];
+    var _d = React.useState(false),
+        mapInitialized = _d[0],
+        setMapInitialized = _d[1];
 
     React.useEffect(function () {
       (function () {
@@ -96,7 +98,7 @@
         var prevCenter = controller.getCenter();
 
         if (!Position.equals(prevCenter, center)) {
-          controller === null || controller === void 0 ? void 0 : controller.setCenter(center);
+          centerMoveWithPanning ? controller === null || controller === void 0 ? void 0 : controller.panningTo(center) : controller === null || controller === void 0 ? void 0 : controller.setCenter(center);
         }
       }
     }, [center]);
@@ -383,7 +385,6 @@
         return tslib.__generator(this, function (_a) {
           return [2, new Promise(function (resolve) {
             if (id && document.getElementById(id)) {
-              console.log("already loaded script => ".concat(id));
               resolve();
               return;
             }
@@ -683,7 +684,6 @@
       _this.markerEvents = ['click', 'mouseover', 'mouseout'];
       _this.dragStartPoint = [0, 0];
       _this.dragged = false;
-      console.log("".concat(_this.type, " controller loadded"));
       return _this;
     }
 
@@ -969,7 +969,7 @@
         var _this = this;
 
         return tslib.__generator(this, function (_a) {
-          return [2, new Promise(function (resolve) {
+          return [2, new Promise(function (resolve, error) {
             return tslib.__awaiter(_this, void 0, void 0, function () {
               var callbackName, loaded, params, ok;
               return tslib.__generator(this, function (_a) {
@@ -979,7 +979,6 @@
                     loaded = false;
 
                     window[callbackName] = function () {
-                      console.log('naver api loaded');
                       loaded = true;
                       delete window[callbackName];
                     };
@@ -1002,12 +1001,11 @@
                     ok = _a.sent();
 
                     if (!ok) {
-                      throw new Error('naver script api load failed!!');
+                      error('naver script api load failed!!');
                     }
 
                     this.mapApiLoaded = true;
                     resolve(true);
-                    console.log("".concat(this.type, " map script loaded"));
                     return [2];
                 }
               });
@@ -1115,7 +1113,6 @@
                     });
                     this.mapInitialized = true;
                     this.initMarkerPool();
-                    console.log("".concat(this.type, " map script initialized"), divElement);
                     resolve(map);
                     map.trigger('idle');
                     return [2];
@@ -1146,8 +1143,6 @@
       } catch (e) {
         console.log('naver map destroy error', e);
       }
-
-      console.log("".concat(this.type, " map destroyed"));
     };
 
     NaverMintMapController.prototype.getCurrBounds = function () {
@@ -1213,11 +1208,8 @@
         } catch (e) {
           console.log('google map destroy error', e);
         }
-
-        console.log("".concat(_this.type, " map destroyed"));
       };
 
-      console.log("".concat(_this.type, " controller loadded"));
       return _this;
     }
 
@@ -1513,7 +1505,6 @@
                     loaded = false;
 
                     window[callbackName] = function () {
-                      console.log('google api loaded');
                       loaded = true;
                       delete window[callbackName];
                     };
@@ -1542,7 +1533,6 @@
 
                     this.mapApiLoaded = true;
                     resolve(true);
-                    console.log("".concat(this.type, " map script api loaded"));
                     return [2];
                 }
               });
@@ -1618,7 +1608,6 @@
                       _this.mapProps.onMouseMove(pos);
                     });
                     this.mapInitialized = true;
-                    console.log("".concat(this.type, " map script initialized"), divElement);
                     resolve(map);
                     return [2];
                 }
@@ -1693,7 +1682,6 @@
       _this.markerEvents = ['click', 'mouseover', 'mouseout'];
       _this.dragStartPoint = [0, 0];
       _this.dragged = false;
-      console.log("".concat(_this.type, " controller loadded"));
       return _this;
     }
 
@@ -2011,7 +1999,6 @@
 
                     this.mapApiLoaded = true;
                     resolve(true);
-                    console.log("".concat(this.type, " map script loaded"));
                     return [2];
                 }
               });
@@ -2104,7 +2091,6 @@
                     });
                     this.mapInitialized = true;
                     this.initMarkerPool();
-                    console.log("".concat(this.type, " map script initialized"), divElement);
                     resolve(map);
                     return [2];
                 }
@@ -2135,8 +2121,6 @@
       } catch (e) {
         console.log('kakao map destroy error', e);
       }
-
-      console.log("".concat(this.type, " map destroyed"));
     };
 
     KakaoMintMapController.prototype.getCurrBounds = function () {
@@ -3414,7 +3398,7 @@
     var renderItemsOnView = React.useRef([]);
     var renderItemsMouseOverStatus = React.useRef(new Set());
     React.useEffect(function () {
-      renderItems.current = (Array.isArray(children) ? children : [children]).map(function (item) {
+      renderItems.current = (Array.isArray(children) ? children : children ? [children] : []).map(function (item) {
         return item.props;
       });
       var zIndexList = [];

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@mint-ui/map",
-  "version": "0.4.1-beta",
+  "version": "0.4.3-beta",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",
   "types": "./dist/index.d.ts",
   "repository": "https://github.com/dev-rsquare/mint-ui-map",
   "author": "RSQUARE",
-  "keywords": ["react", "map", "google", "naver", "kakao", "library", "typescript", "canvas", "marker"],
+  "keywords": ["react", "react map", "map", "google", "naver", "kakao", "library", "typescript", "canvas", "marker"],
   "license": "MIT",
   "private": false,
   "devDependencies": {