@mint-ui/map 0.8.1-beta → 0.9.0-beta-test1

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

@@ -65,5 +65,6 @@ export declare abstract class MintMapController {
     getBaseToMapZoom(zoomBase: number): number;
     getMapToBaseZoom(mapZoom: number): number;
     focusPositionsToFitViewport(positions: Position[]): void;
+    morph(position: Position, zoom: number, option?: Record<string, string>): void;
     printStatus(): void;
 }

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

@@ -9,6 +9,7 @@ require('./util/animation.js');
 require('./util/geo.js');
 var polygon = require('./util/polygon.js');
 var status = require('./util/status.js');
+var map = require('./util/map.js');
 
 var MintMapController =
 /** @class */
@@ -224,6 +225,19 @@ function () {
     }
   };
 
+  MintMapController.prototype.morph = function (position, zoom, option) {
+    var naverMap = map.getMapOfType('naver', this.map);
+
+    if (naverMap) {
+      naverMap.morph(position, zoom, tslib.__assign({}, option));
+    } else {
+      // 센터로 이동
+      this.setCenter(position); // 줌 이동
+
+      this.setZoomLevel(zoom);
+    }
+  };
+
   MintMapController.prototype.printStatus = function () {
     status.Status.print();
   };

package/dist/components/mint-map/core/util/index.d.ts

@@ -5,3 +5,4 @@ export * from './cluster';
 export * from './polygon';
 export * from './log';
 export * from './status';
+export * from './map';

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

@@ -0,0 +1,2 @@
+import { MapType, MapVendorType } from "../../types";
+export declare function getMapOfType<T>(mapType: MapType, map?: MapVendorType | null): T | undefined;

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function getMapOfType(mapType, map) {
+  if (!map) {
+    return undefined;
+  }
+
+  var base = window[mapType];
+  return base && map instanceof base.maps.Map ? map : undefined;
+}
+
+exports.getMapOfType = getMapOfType;

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

@@ -379,12 +379,12 @@ function (_super) {
                     delete window[callbackName];
                   };
 
-                  params = {
+                  params = tslib.__assign({
                     key: this.mapProps.mapKey,
                     libraries: this.scriptModules.join(','),
                     v: 'beta',
                     callback: callbackName
-                  };
+                  }, this.mapProps.scriptParams);
                   return [4
                   /*yield*/
                   , this.loadScript(this.buildUrl(this.scriptUrl, params), 'google_map_script', this.checkLoaded)];

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

@@ -392,11 +392,11 @@ function (_super) {
             return tslib.__generator(this, function (_a) {
               switch (_a.label) {
                 case 0:
-                  params = {
+                  params = tslib.__assign({
                     appkey: this.mapProps.mapKey,
                     libraries: this.scriptModules.join(','),
                     autoload: false
-                  };
+                  }, this.mapProps.scriptParams);
                   return [4
                   /*yield*/
                   , this.loadScript(this.buildUrl(this.scriptUrl, params), 'kakao_map_script', this.checkLoaded)];

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

@@ -401,11 +401,11 @@ function (_super) {
                     delete window[callbackName];
                   };
 
-                  params = {
+                  params = tslib.__assign({
                     ncpClientId: this.mapProps.mapKey,
                     submodules: this.scriptModules.join(','),
                     callback: callbackName
-                  };
+                  }, this.mapProps.scriptParams);
                   return [4
                   /*yield*/
                   , this.loadScript(this.buildUrl(this.scriptUrl, params), 'naver_map_script', this.checkLoaded)];

package/dist/components/mint-map/types/MintMapProps.d.ts

@@ -21,6 +21,11 @@ export interface MintMapProps extends MintMapEvents {
      * @description 각 지도 타입에 맞는 서브모듈을 지정해야한다.
      */
     scriptModules?: string[];
+    /**
+     * Map Script 로드시에 파라미터를 추가
+     * @description 내부적으로 key=value 의 형태로 처리된다.
+     */
+    scriptParams?: Record<string, string>;
     /**
        * Map 종류에 따른 추가 맵 ID
        * @description 특정 지도에서는 맵ID 가 추가로 요구된다 (ex: Google Maps)

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { __awaiter, __generator, __spreadArray, __extends, __assign, __rest } from 'tslib';
+import { __awaiter, __generator, __spreadArray, __assign, __extends, __rest } from 'tslib';
 import React, { createContext, useContext, useRef, useState, useEffect, useMemo, useCallback } from 'react';
 import classNames from 'classnames/bind';
 import styleInject from 'style-inject';
@@ -1035,6 +1035,15 @@ function () {
 
 var Status = new MintMapStatus();
 
+function getMapOfType(mapType, map) {
+  if (!map) {
+    return undefined;
+  }
+
+  var base = window[mapType];
+  return base && map instanceof base.maps.Map ? map : undefined;
+}
+
 var MintMapController =
 /** @class */
 function () {
@@ -1249,6 +1258,19 @@ function () {
     }
   };
 
+  MintMapController.prototype.morph = function (position, zoom, option) {
+    var naverMap = getMapOfType('naver', this.map);
+
+    if (naverMap) {
+      naverMap.morph(position, zoom, __assign({}, option));
+    } else {
+      // 센터로 이동
+      this.setCenter(position); // 줌 이동
+
+      this.setZoomLevel(zoom);
+    }
+  };
+
   MintMapController.prototype.printStatus = function () {
     Status.print();
   };
@@ -1893,11 +1915,11 @@ function (_super) {
                     delete window[callbackName];
                   };
 
-                  params = {
+                  params = __assign({
                     ncpClientId: this.mapProps.mapKey,
                     submodules: this.scriptModules.join(','),
                     callback: callbackName
-                  };
+                  }, this.mapProps.scriptParams);
                   return [4
                   /*yield*/
                   , this.loadScript(this.buildUrl(this.scriptUrl, params), 'naver_map_script', this.checkLoaded)];
@@ -2612,12 +2634,12 @@ function (_super) {
                     delete window[callbackName];
                   };
 
-                  params = {
+                  params = __assign({
                     key: this.mapProps.mapKey,
                     libraries: this.scriptModules.join(','),
                     v: 'beta',
                     callback: callbackName
-                  };
+                  }, this.mapProps.scriptParams);
                   return [4
                   /*yield*/
                   , this.loadScript(this.buildUrl(this.scriptUrl, params), 'google_map_script', this.checkLoaded)];
@@ -3326,11 +3348,11 @@ function (_super) {
             return __generator(this, function (_a) {
               switch (_a.label) {
                 case 0:
-                  params = {
+                  params = __assign({
                     appkey: this.mapProps.mapKey,
                     libraries: this.scriptModules.join(','),
                     autoload: false
-                  };
+                  }, this.mapProps.scriptParams);
                   return [4
                   /*yield*/
                   , this.loadScript(this.buildUrl(this.scriptUrl, params), 'kakao_map_script', this.checkLoaded)];
@@ -5680,4 +5702,4 @@ function MapCanvasMarkerWrapper(_props) {
   return React.createElement(React.Fragment, null);
 }
 
-export { AnimationPlayer, Bounds, CircleMarker, Drawable, GeoCalulator, GoogleMintMapController, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SVGCircle, SVGPolygon, SVGRect, Status, getClusterInfo, log, useMarkerMoving, useMintMapController, waiting };
+export { AnimationPlayer, Bounds, CircleMarker, Drawable, GeoCalulator, GoogleMintMapController, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SVGCircle, SVGPolygon, SVGRect, Status, getClusterInfo, getMapOfType, log, useMarkerMoving, useMintMapController, waiting };

package/dist/index.js

@@ -22,6 +22,7 @@ var cluster = require('./components/mint-map/core/util/cluster.js');
 var polygon = require('./components/mint-map/core/util/polygon.js');
 var log = require('./components/mint-map/core/util/log.js');
 var status = require('./components/mint-map/core/util/status.js');
+var map = require('./components/mint-map/core/util/map.js');
 var MapControlWrapper = require('./components/mint-map/core/wrapper/MapControlWrapper.js');
 var MapMarkerWrapper = require('./components/mint-map/core/wrapper/MapMarkerWrapper.js');
 var MapPolygonWrapper = require('./components/mint-map/core/wrapper/MapPolygonWrapper.js');
@@ -58,6 +59,7 @@ exports.getClusterInfo = cluster.getClusterInfo;
 exports.PolygonCalculator = polygon.PolygonCalculator;
 exports.log = log.log;
 exports.Status = status.Status;
+exports.getMapOfType = map.getMapOfType;
 exports.MapControlWrapper = MapControlWrapper.MapControlWrapper;
 exports.MapMarkerWrapper = MapMarkerWrapper.MapMarkerWrapper;
 exports.MapPolygonWrapper = MapPolygonWrapper.MapPolygonWrapper;

package/dist/index.umd.js

@@ -1039,6 +1039,15 @@
 
   var Status = new MintMapStatus();
 
+  function getMapOfType(mapType, map) {
+    if (!map) {
+      return undefined;
+    }
+
+    var base = window[mapType];
+    return base && map instanceof base.maps.Map ? map : undefined;
+  }
+
   var MintMapController =
   /** @class */
   function () {
@@ -1253,6 +1262,19 @@
       }
     };
 
+    MintMapController.prototype.morph = function (position, zoom, option) {
+      var naverMap = getMapOfType('naver', this.map);
+
+      if (naverMap) {
+        naverMap.morph(position, zoom, tslib.__assign({}, option));
+      } else {
+        // 센터로 이동
+        this.setCenter(position); // 줌 이동
+
+        this.setZoomLevel(zoom);
+      }
+    };
+
     MintMapController.prototype.printStatus = function () {
       Status.print();
     };
@@ -1897,11 +1919,11 @@
                       delete window[callbackName];
                     };
 
-                    params = {
+                    params = tslib.__assign({
                       ncpClientId: this.mapProps.mapKey,
                       submodules: this.scriptModules.join(','),
                       callback: callbackName
-                    };
+                    }, this.mapProps.scriptParams);
                     return [4
                     /*yield*/
                     , this.loadScript(this.buildUrl(this.scriptUrl, params), 'naver_map_script', this.checkLoaded)];
@@ -2616,12 +2638,12 @@
                       delete window[callbackName];
                     };
 
-                    params = {
+                    params = tslib.__assign({
                       key: this.mapProps.mapKey,
                       libraries: this.scriptModules.join(','),
                       v: 'beta',
                       callback: callbackName
-                    };
+                    }, this.mapProps.scriptParams);
                     return [4
                     /*yield*/
                     , this.loadScript(this.buildUrl(this.scriptUrl, params), 'google_map_script', this.checkLoaded)];
@@ -3330,11 +3352,11 @@
               return tslib.__generator(this, function (_a) {
                 switch (_a.label) {
                   case 0:
-                    params = {
+                    params = tslib.__assign({
                       appkey: this.mapProps.mapKey,
                       libraries: this.scriptModules.join(','),
                       autoload: false
-                    };
+                    }, this.mapProps.scriptParams);
                     return [4
                     /*yield*/
                     , this.loadScript(this.buildUrl(this.scriptUrl, params), 'kakao_map_script', this.checkLoaded)];
@@ -5719,6 +5741,7 @@
   exports.SVGRect = SVGRect;
   exports.Status = Status;
   exports.getClusterInfo = getClusterInfo;
+  exports.getMapOfType = getMapOfType;
   exports.log = log;
   exports.useMarkerMoving = useMarkerMoving;
   exports.useMintMapController = useMintMapController;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mint-ui/map",
-  "version": "0.8.1-beta",
+  "version": "0.9.0-beta-test1",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",