@mint-ui/map 0.10.0-beta-test2 → 1.0.1

package/.eslintrc.js

@@ -1,110 +0,0 @@
-module.exports = {
-	env: {
-		browser: true,
-		node: true
-	},
-	extends: [ 'airbnb', 'airbnb/hooks', 'eslint:recommended', 'plugin:react/recommended', 'plugin:import/recommended', 'plugin:storybook/recommended' ],
-	ignorePatterns: [ '.storybook', '*.d.ts', 'node_modules', 'build', 'dist', '**/env/*.js' ],
-	overrides: [
-		{
-			files: [ '*.ts', '*.tsx' ],
-			rules: { 'no-undef': 'off' }
-		}
-	],
-	parser: '@typescript-eslint/parser',
-	parserOptions: { warnOnUnsupportedTypeScriptVersion: false },
-	plugins: [ '@typescript-eslint', 'sort-keys-fix', 'prettier' ],
-	rules: {
-		'@typescript-eslint/ban-ts-comment': [
-			'error',
-			{ 'ts-ignore': 'allow-with-description' }
-		],
-		'@typescript-eslint/no-explicit-any': 'warn',
-		'@typescript-eslint/no-unused-vars': 'error',
-		'array-bracket-spacing': [
-			'error',
-			'always',
-			{
-				arraysInArrays: false,
-				objectsInArrays: false
-			}
-		],
-		'brace-style': [ 'error', 'allman' ],
-		'class-methods-use-this': 'off',
-		'comma-dangle': [ 'error', 'never' ],
-		'eol-last': [ 'error', 'never' ],
-		'import/extensions': 'off',
-		'import/named': 'off',
-		'import/no-anonymous-default-export': 'off',
-		'import/no-cycle': 'off',
-		'import/no-extraneous-dependencies': 'off',
-		'import/no-named-as-default': 'off',
-		'import/no-unresolved': 'off',
-		'import/order': [
-			'error',
-			{
-				alphabetize: {
-					caseInsensitive: true,
-					order: 'asc'
-				},
-				groups: [ 'external', 'builtin', 'internal', 'sibling', 'parent', 'index' ],
-				'newlines-between': 'always'
-			}
-		],
-		indent: [ 'error', 'tab', { SwitchCase: 1 }],
-		'jsx-a11y/control-has-associated-label': 'off',
-		'jsx-quotes': [ 'error', 'prefer-single' ],
-		'linebreak-style': 'off',
-		'max-len': 'off',
-		'no-console': 'off',
-		'no-plusplus': 'off',
-		'no-restricted-exports': 'off',
-		'no-tabs': [ 'error', { allowIndentationTabs: true }],
-		'no-unused-vars': 'off',
-		'object-curly-newline': [ 'error', {
-			ExportDeclaration: 'never',
-			ImportDeclaration: 'never',
-			ObjectExpression: {
-				minProperties: 3,
-				multiline: true
-			},
-			ObjectPattern: { multiline: true }
-		}],
-		'react-hooks/exhaustive-deps': 'off',
-		'react/button-has-type': 'off',
-		'react/destructuring-assignment': 'off',
-		'react/function-component-definition': 'off',
-		'react/jsx-curly-brace-presence': [
-			'error',
-			{
-				children: 'never',
-				props: 'never'
-			}
-		],
-		'react/jsx-filename-extension': 'off',
-		'react/jsx-indent': [ 'error', 'tab' ],
-		'react/jsx-indent-props': [ 2, 'tab' ],
-		'react/jsx-props-no-spreading': 'off',
-		'react/jsx-sort-props': [
-			'error',
-			{
-				callbacksLast: true,
-				ignoreCase: true,
-				multiline: 'last',
-				noSortAlphabetically: false,
-				reservedFirst: false,
-				shorthandFirst: false,
-				shorthandLast: true
-			}
-		],
-		'react/prop-types': 'off',
-		'react/react-in-jsx-scope': 'off',
-		'react/require-default-props': 'off',
-		'require-jsdoc': 'off',
-		'sort-keys-fix/sort-keys-fix': 'error'
-	},
-	settings: {
-		'import/parsers': { '@typescript-eslint/parser': [ '.ts', '.tsx', '.js' ] },
-		react: { version: 'detect' }
-	}
-};

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,94 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_WITHIN_ARRAY_INITIALIZER_BRACKETS" value="true" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="VAR_DECLARATION_WRAP" value="2" />
+      <option name="OBJECT_LITERAL_WRAP" value="2" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+      <option name="FUNCTION_EXPRESSION_BRACE_STYLE" value="2" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_WITHIN_ARRAY_INITIALIZER_BRACKETS" value="true" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="VAR_DECLARATION_WRAP" value="2" />
+      <option name="OBJECT_LITERAL_WRAP" value="2" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <codeStyleSettings language="CSS">
+      <indentOptions>
+        <option name="USE_TAB_CHARACTER" value="true" />
+        <option name="SMART_TABS" value="true" />
+        <option name="KEEP_INDENTS_ON_EMPTY_LINES" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <indentOptions>
+        <option name="USE_TAB_CHARACTER" value="true" />
+        <option name="SMART_TABS" value="true" />
+        <option name="KEEP_INDENTS_ON_EMPTY_LINES" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JSON">
+      <indentOptions>
+        <option name="USE_TAB_CHARACTER" value="true" />
+        <option name="KEEP_INDENTS_ON_EMPTY_LINES" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="BLOCK_COMMENT_ADD_SPACE" value="true" />
+      <option name="KEEP_FIRST_COLUMN_COMMENT" value="false" />
+      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
+      <option name="BRACE_STYLE" value="2" />
+      <option name="CLASS_BRACE_STYLE" value="2" />
+      <option name="METHOD_BRACE_STYLE" value="2" />
+      <option name="ELSE_ON_NEW_LINE" value="true" />
+      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
+      <option name="ALIGN_MULTILINE_FOR" value="false" />
+      <option name="METHOD_CALL_CHAIN_WRAP" value="2" />
+      <option name="IF_BRACE_FORCE" value="1" />
+      <option name="DOWHILE_BRACE_FORCE" value="1" />
+      <option name="WHILE_BRACE_FORCE" value="1" />
+      <option name="FOR_BRACE_FORCE" value="1" />
+      <indentOptions>
+        <option name="SMART_TABS" value="true" />
+        <option name="KEEP_INDENTS_ON_EMPTY_LINES" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="BLOCK_COMMENT_ADD_SPACE" value="true" />
+      <option name="KEEP_FIRST_COLUMN_COMMENT" value="false" />
+      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
+      <option name="ELSE_ON_NEW_LINE" value="true" />
+      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
+      <option name="ALIGN_MULTILINE_FOR" value="false" />
+      <option name="METHOD_CALL_CHAIN_WRAP" value="2" />
+      <option name="IF_BRACE_FORCE" value="1" />
+      <option name="DOWHILE_BRACE_FORCE" value="1" />
+      <option name="WHILE_BRACE_FORCE" value="1" />
+      <option name="FOR_BRACE_FORCE" value="1" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+        <option name="SMART_TABS" value="true" />
+        <option name="KEEP_INDENTS_ON_EMPTY_LINES" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="XML">
+      <indentOptions>
+        <option name="USE_TAB_CHARACTER" value="true" />
+        <option name="SMART_TABS" value="true" />
+        <option name="KEEP_INDENTS_ON_EMPTY_LINES" value="true" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/git_toolbox_prj.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="GitToolBoxProjectSettings">
+    <option name="commitMessageIssueKeyValidationOverride">
+      <BoolValueOverride>
+        <option name="enabled" value="true" />
+      </BoolValueOverride>
+    </option>
+    <option name="commitMessageValidationEnabledOverride">
+      <BoolValueOverride>
+        <option name="enabled" value="true" />
+      </BoolValueOverride>
+    </option>
+  </component>
+</project>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/README.md

@@ -4,7 +4,7 @@
 - Control various map with one interface
 - Google, Naver, Kakao map supported now
 - Typescript supported
-- Canvas marker supported (experimental)
+- Canvas marker supported
 
 ## Installation
 
@@ -42,25 +42,32 @@ function MyMapComponent(){
       
     </MapMarkerWrapper>
 
-    {/* Overlay canvas */}
-    <MapCanvasWrapper>
-      
-      {/* Canvas marker */}
-      <MapCanvasMarkerWrapper position={new Position(-25.344, 131.031)} 
-      renderer={(renderer:MintMapCanvasRenderer, offset:Offset, _payload?:TestPayload)=>{
-        const {context} = renderer
-        context.fillStyle = `hsl(${(Math.random() * 360).toFixed(0)} 100% 60%)`
-        context.fillRect(Math.floor(offset.x), Math.floor(offset.y), 8, 8)
-      }}
-      boxWidth={8} boxHeight={8}
-      payload={testItem}
-      onClick={(e)=>{
-        alert('marker 1 clicked!!!'+e.x+','+e.y)
+    {/* Canvas marker */}
+    <CanvasMarker
+
+      /* Canvas renderer */
+      renderer={({ context, offset, payload }) => {
+        context.beginPath();
+
+        // rect
+        context.rect(offset[0].x, offset[0].y, 20, 20);
+        context.fillStyle = 'orange';
+        context.fill();
+
+        // rect outline
+        context.strokeStyle = 'red';
+        context.strokeRect(offset[0].x, offset[0].y, 20, 20);
+
+        // font
+        context.fillStyle = 'white';
+        context.font = '10px caption';
+        context.fillText(String(payload?.no), offset[0].x + 2, offset[0].y + 14);
+        context.closePath();
       }}
-      ></MapCanvasMarkerWrapper>
+      zIndex={2}
+      data={markers}
+    />
       
-    </MapCanvasWrapper>
-    
   </MintMap>
 
 }
@@ -70,4 +77,5 @@ root.render((<MyMapComponent/>))
 ```
 
 ## Document / Reference Site
-- To be continue...
+
+[https://dev-rsquare.github.io/mint-ui-map-guide](https://dev-rsquare.github.io/mint-ui-map-guide)

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

@@ -19,6 +19,7 @@ export declare abstract class MintMapController {
     abstract getCenter(): Position;
     abstract setCenter(position: Position): void;
     abstract setMapCursor(cursor: Property.Cursor): void;
+    abstract focusPositionsToFitViewport(positions: Position[]): void;
     abstract createMarker(marker: Marker): void;
     abstract updateMarker(marker: Marker, options: MarkerOptions): void;
     abstract clearDrawable(drawable: Drawable): boolean;
@@ -64,7 +65,6 @@ export declare abstract class MintMapController {
     checkBoundsChangeThrottleTime(): boolean;
     getBaseToMapZoom(zoomBase: number): number;
     getMapToBaseZoom(mapZoom: number): number;
-    focusPositionsToFitViewport(positions: Position[]): void;
     morph(position: Position, zoom: number, option?: Record<string, unknown>): void;
     printStatus(): void;
 }

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

@@ -7,7 +7,7 @@ var uuid = require('uuid');
 var MapTypes = require('../types/MapTypes.js');
 require('./util/animation.js');
 require('./util/geo.js');
-var polygon = require('./util/polygon.js');
+require('./util/polygon.js');
 var status = require('./util/status.js');
 var map = require('./util/map.js');
 
@@ -173,58 +173,6 @@ function () {
     throw new Error("[getMapToBaseZoom][".concat(mapZoom, "] is not valid zoom level"));
   };
 
-  MintMapController.prototype.focusPositionsToFitViewport = function (positions) {
-    var map = this; // positions 바운더리 구하기
-
-    var markerBounds = polygon.PolygonCalculator.getRegionInfo(positions);
-
-    if (!markerBounds.centerLat || !markerBounds.centerLng || !markerBounds.minLat || !markerBounds.maxLat || !markerBounds.minLng || !markerBounds.maxLng) {
-      return;
-    } // 이동해야할 센터 좌표
-
-
-    var toCenter = new MapTypes.Position(markerBounds.centerLat, markerBounds.centerLng); // 센터로 이동
-
-    map.setCenter(toCenter); // positions 바운더리의 폴리곤 값
-
-    var markerBoundsToPolygon = [new MapTypes.Position(markerBounds.minLat, markerBounds.minLng), new MapTypes.Position(markerBounds.minLat, markerBounds.maxLng), new MapTypes.Position(markerBounds.maxLat, markerBounds.maxLng), new MapTypes.Position(markerBounds.maxLat, markerBounds.minLng)]; // 적정 줌레벨 구하기
-
-    var zoomLevelResult = map.getZoomLevel();
-    var currZoomLevel = zoomLevelResult;
-    var iterCnt = 0;
-    var direction = undefined;
-
-    while (iterCnt < 23) {
-      //최대 줌레벨 갯수 만큼만 반복...
-      iterCnt += 1; // 줌 레벨 변경
-
-      map.setZoomLevel(currZoomLevel); // 현재 바운더리 구하기
-
-      var mapBounds = map.getCurrBounds(); // 현재 맵에 바운더리 포함된다면 줌레벨 더해서 반복 체크
-
-      if (mapBounds.includes(markerBoundsToPolygon)) {
-        if (direction === '-') {
-          // 직전에 이미 빼고있는 상태였다면 여기서 종료
-          break;
-        }
-
-        direction = '+';
-        currZoomLevel += 1;
-      } else {
-        // 포함되지 않으면
-        if (direction === '+') {
-          // 직전에 이미 더한 상태였다면 직전 줌레벨로 종료
-          currZoomLevel -= 1;
-          map.setZoomLevel(currZoomLevel);
-          break;
-        } else {
-          direction = '-';
-          currZoomLevel -= 1;
-        }
-      }
-    }
-  };
-
   MintMapController.prototype.morph = function (position, zoom, option) {
     var naverMap = map.getMapOfType('naver', this.map);
 

package/dist/components/mint-map/core/advanced/canvas/CanvasMarker.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var MintMapProvider = require('../../provider/MintMapProvider.js');
-require('../../provider/MarkerAutoTransitionProvider.js');
 var MapDrawables = require('../../../types/MapDrawables.js');
 require('../../../types/MapTypes.js');
 require('../../../types/MapEventTypes.js');

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

@@ -1,2 +1 @@
 export * from "./MintMapProvider";
-export * from "./MarkerAutoTransitionProvider";

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

@@ -8,7 +8,6 @@ var reactDom = require('react-dom');
 var MintMapProvider = require('../provider/MintMapProvider.js');
 var MarkerMovingHook = require('../hooks/MarkerMovingHook.js');
 var MapDrawables = require('../../types/MapDrawables.js');
-var MarkerAutoTransitionProvider = require('../provider/MarkerAutoTransitionProvider.js');
 
 var offsetCalibration = function (mapType, divElement, options, autoFitToViewport, autoAdjustAnchor, autoAdjustAnchorConfig, mapDivElement) {
   //google 맵의 anchor 보정 (네이버와 같이 왼쪽/위 기준으로 처리)
@@ -215,21 +214,8 @@ function MapMarkerWrapper(_a) {
     };
   }, []); //create / update object
 
-  var transition = React.useContext(MarkerAutoTransitionProvider.MarkerAutoTransitionContext).transition;
-  var positionNo = React.useRef();
   React.useEffect(function () {
     if (options) {
-      if (!Array.isArray(options.position)) {
-        var _a = transition(options.position),
-            no = _a.no,
-            pos = _a.pos;
-
-        if (positionNo.current !== no) {
-          options.position = pos;
-          positionNo.current = no;
-        }
-      }
-
       if (markerRef.current) {
         //console.log('update Marker')
         controller.updateMarker(markerRef.current, options); //disablePointerEvent 처리

package/dist/components/mint-map/google/GoogleMintMapController.d.ts

@@ -45,6 +45,7 @@ export declare class GoogleMintMapController extends MintMapController {
     getCenter(): Position;
     setCenter(position: Position): void;
     setMapCursor(cursor: Property.Cursor): void;
+    focusPositionsToFitViewport(posiitons: Position[]): void;
     private eventMap;
     addEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
     removeEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;

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

@@ -9,6 +9,17 @@ var MintMapController = require('../core/MintMapController.js');
 var waiting = require('../core/util/waiting.js');
 var MapEventTypes = require('../types/MapEventTypes.js');
 var MapTypes = require('../types/MapTypes.js');
+require('../core/MintMapCore.js');
+require('react');
+require('../types/MapDrawables.js');
+require('../core/provider/MintMapProvider.js');
+require('react-dom');
+require('../core/util/animation.js');
+require('../core/util/geo.js');
+var polygon = require('../core/util/polygon.js');
+require('../naver/NaverMintMapController.js');
+require('../core/advanced/MapLoadingComponents.js');
+require('../core/wrapper/MapControlWrapper.js');
 
 var GoogleMintMapController =
 /** @class */
@@ -445,7 +456,7 @@ function (_super) {
             return tslib.__generator(this, function (_g) {
               switch (_g.label) {
                 case 0:
-                  //이미 생성했으면 
+                  //이미 생성했으면
                   //1. divElement 가 그대로인 경우 기존 map 객체 리턴
                   //2. divElement 가 바뀐경우 기존 map 객체 destroy 하고 새로 생성
                   if (this.mapInitialized && this.map) {
@@ -601,6 +612,19 @@ function (_super) {
     });
   };
 
+  GoogleMintMapController.prototype.focusPositionsToFitViewport = function (posiitons) {
+    var _a;
+
+    var markerBounds = polygon.PolygonCalculator.getRegionInfo(posiitons);
+
+    if (!markerBounds.maxLat || !markerBounds.minLat || !markerBounds.maxLng || !markerBounds.minLng) {
+      throw new Error('markerBounds is invalid! in focusPositionsToFitViewport');
+    }
+
+    var pointBounds = new google.maps.LatLngBounds(new google.maps.LatLng(markerBounds.minLat, markerBounds.minLng), new google.maps.LatLng(markerBounds.maxLat, markerBounds.maxLng));
+    (_a = this.map) === null || _a === void 0 ? void 0 : _a.fitBounds(pointBounds);
+  };
+
   GoogleMintMapController.prototype.addEventListener = function (eventName, callback) {
     var _this = this;
 

package/dist/components/mint-map/kakao/KakaoMintMapController.d.ts

@@ -49,6 +49,7 @@ export declare class KakaoMintMapController extends MintMapController {
     setMapCursor(cursor: Property.Cursor): void;
     private positionToLatLng;
     private latLngToPosition;
+    focusPositionsToFitViewport(positions: Position[]): void;
     private eventMap;
     addEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
     removeEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;

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

@@ -10,6 +10,17 @@ var MapTypes = require('../types/MapTypes.js');
 var MapEventTypes = require('../types/MapEventTypes.js');
 var log = require('../core/util/log.js');
 var status = require('../core/util/status.js');
+require('../core/MintMapCore.js');
+require('react');
+require('../types/MapDrawables.js');
+require('../core/provider/MintMapProvider.js');
+require('react-dom');
+require('../core/util/animation.js');
+require('../core/util/geo.js');
+var polygon = require('../core/util/polygon.js');
+require('../naver/NaverMintMapController.js');
+require('../core/advanced/MapLoadingComponents.js');
+require('../core/wrapper/MapControlWrapper.js');
 
 var KakaoMintMapController =
 /** @class */
@@ -641,6 +652,19 @@ function (_super) {
     return latLng ? new MapTypes.Position(latLng.getLat(), latLng.getLng()) : new MapTypes.Position(0, 0);
   };
 
+  KakaoMintMapController.prototype.focusPositionsToFitViewport = function (positions) {
+    var _a;
+
+    var markerBounds = polygon.PolygonCalculator.getRegionInfo(positions);
+
+    if (!markerBounds.maxLat || !markerBounds.minLat || !markerBounds.maxLng || !markerBounds.minLng) {
+      throw new Error('markerBounds is invalid! in focusPositionsToFitViewport');
+    }
+
+    var pointBounds = new kakao.maps.LatLngBounds(new kakao.maps.LatLng(markerBounds.minLat, markerBounds.minLng), new kakao.maps.LatLng(markerBounds.maxLat, markerBounds.maxLng));
+    (_a = this.map) === null || _a === void 0 ? void 0 : _a.setBounds(pointBounds);
+  };
+
   KakaoMintMapController.prototype.addEventListener = function (eventName, callback) {
     var _this = this;
 

package/dist/components/mint-map/naver/NaverMintMapController.d.ts

@@ -46,6 +46,7 @@ export declare class NaverMintMapController extends MintMapController {
     getCenter(): Position;
     setCenter(position: Position): void;
     setMapCursor(cursor: Property.Cursor): void;
+    focusPositionsToFitViewport(positions: Position[]): void;
     naverPositionToOffset(position: Position): Offset;
     private eventMap;
     addEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;

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

@@ -10,6 +10,16 @@ var MapTypes = require('../types/MapTypes.js');
 var MapEventTypes = require('../types/MapEventTypes.js');
 var log = require('../core/util/log.js');
 var status = require('../core/util/status.js');
+require('../core/MintMapCore.js');
+require('react');
+require('../types/MapDrawables.js');
+require('../core/provider/MintMapProvider.js');
+require('react-dom');
+require('../core/util/animation.js');
+require('../core/util/geo.js');
+var polygon = require('../core/util/polygon.js');
+require('../core/advanced/MapLoadingComponents.js');
+require('../core/wrapper/MapControlWrapper.js');
 
 var NaverMintMapController =
 /** @class */
@@ -465,7 +475,7 @@ function (_super) {
             return tslib.__generator(this, function (_g) {
               switch (_g.label) {
                 case 0:
-                  //이미 생성했으면 
+                  //이미 생성했으면
                   //1. divElement 가 그대로인 경우 기존 map 객체 리턴
                   //2. divElement 가 바뀐경우 기존 map 객체 destroy 하고 새로 생성
                   if (this.mapInitialized && this.map) {
@@ -646,6 +656,21 @@ function (_super) {
     target && (target.style.cursor = cursor);
   };
 
+  NaverMintMapController.prototype.focusPositionsToFitViewport = function (positions) {
+    var _a;
+
+    var markerBounds = polygon.PolygonCalculator.getRegionInfo(positions);
+
+    if (!markerBounds.maxLat || !markerBounds.minLat || !markerBounds.maxLng || !markerBounds.minLng) {
+      throw new Error('markerBounds is invalid! in focusPositionsToFitViewport');
+    }
+
+    var pointBounds = naver.maps.PointBounds.bounds(new naver.maps.LatLng(markerBounds.minLat, markerBounds.minLng), new naver.maps.LatLng(markerBounds.maxLat, markerBounds.maxLng));
+    (_a = this.map) === null || _a === void 0 ? void 0 : _a.panToBounds(pointBounds, {
+      duration: 500
+    });
+  };
+
   NaverMintMapController.prototype.naverPositionToOffset = function (position) {
     if (!this.map) {
       return new MapTypes.Offset(0, 0);