@mint-ui/map 0.4.5-beta → 0.4.6-beta

package/dist/components/mint-map/types/MapTypes.js

@@ -0,0 +1,151 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var calculate = require('../core/util/calculate.js');
+
+/**
+ * 좌표값
+ * @description 위도/경도, DOM 상의 X/Y 좌표
+ */
+
+var Position =
+/** @class */
+function () {
+  function Position(lat, lng) {
+    /**
+     * 위도
+     * @description 위도(latitude)
+     */
+    this.lat = 0;
+    /**
+     * 경도
+     * @description 경도(longitude)
+     */
+
+    this.lng = 0;
+    this.lat = lat;
+    this.lng = lng;
+  }
+
+  Position.equals = function (pos1, pos2) {
+    return pos1.lat === pos2.lat && pos1.lng === pos2.lng;
+  };
+
+  return Position;
+}();
+
+var Bounds =
+/** @class */
+function () {
+  function Bounds(nw, se, ne, sw) {
+    if (!(nw && se || ne && sw)) {
+      throw new Error('nw/se or ne/sw needed');
+    } //@ts-ignore
+
+
+    this.nw = nw;
+    this.se = se;
+    this.ne = ne;
+    this.sw = sw;
+
+    if (nw && se) {
+      this.covertNWSEtoNESW(nw, se);
+    } else if (ne && sw) {
+      this.covertNESWtoNWSE(ne, sw);
+    }
+  }
+
+  Bounds.fromNWSE = function (nw, se) {
+    return new Bounds(nw, se, undefined, undefined);
+  };
+
+  Bounds.fromNESW = function (ne, sw) {
+    return new Bounds(undefined, undefined, ne, sw);
+  };
+
+  Bounds.prototype.covertNWSEtoNESW = function (nw, se) {
+    this.ne = new Position(nw.lat, se.lng);
+    this.sw = new Position(se.lat, nw.lng);
+  };
+
+  Bounds.prototype.covertNESWtoNWSE = function (ne, sw) {
+    this.nw = new Position(ne.lat, sw.lng);
+    this.se = new Position(sw.lat, ne.lng);
+  };
+
+  Bounds.prototype.getCenter = function () {
+    return new Position(this.se.lat + (this.nw.lat - this.se.lat) / 2, this.nw.lng + (this.se.lng - this.nw.lng) / 2);
+  };
+
+  Bounds.prototype.includesPosition = function (pos) {
+    return this.nw.lng < pos.lng && this.se.lng > pos.lng && this.se.lat < pos.lat && this.nw.lat > pos.lat;
+  };
+
+  Bounds.prototype.getIncludedPositions = function (positions) {
+    var result = [];
+
+    for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
+      var pos = positions_1[_i];
+
+      if (this.includesPosition(pos)) {
+        result.push(pos);
+      }
+    }
+
+    return result;
+  };
+
+  Bounds.prototype.includes = function (positions) {
+    positions = Array.isArray(positions) ? positions : [positions];
+
+    for (var _i = 0, positions_2 = positions; _i < positions_2.length; _i++) {
+      var pos = positions_2[_i];
+
+      if (!this.includesPosition(pos)) {
+        return false;
+      }
+    }
+
+    return true;
+  };
+
+  Bounds.prototype.includesOnlyOnePoint = function (positions) {
+    for (var _i = 0, positions_3 = positions; _i < positions_3.length; _i++) {
+      var pos = positions_3[_i];
+
+      if (this.includesPosition(pos)) {
+        return true;
+      }
+    }
+
+    return false;
+  };
+
+  Bounds.prototype.intersects = function (positions) {
+    return calculate.PolygonCalculator.intersects([this.nw, this.se], positions);
+  };
+
+  return Bounds;
+}();
+/**
+ * DOM 상에서의 좌표를 표현 (픽셀을 나타내는 숫자)
+ */
+
+var Offset =
+/** @class */
+function () {
+  /**
+   * DOM 상에서의 좌표를 표현 (픽셀을 나타내는 숫자)
+   */
+  function Offset(x, y) {
+    this.x = x;
+    this.y = y;
+  }
+
+  return Offset;
+}();
+
+exports.Bounds = Bounds;
+exports.Offset = Offset;
+exports.Position = Position;

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

@@ -0,0 +1,25 @@
+import { MapVendorType } from "./CommonTypes";
+import { Bounds, Position } from "./MapTypes";
+import { MintMapController } from "../core/MintMapController";
+export interface MintMapEvents {
+    /**
+     * 지도의 보여지는 영역이 변경되었을때 호출되는 콜백
+     */
+    onBoundsChanged?: (bounds: Bounds) => void;
+    /**
+       * 지도의 줌이 변경되었을때 호출되는 콜백
+       */
+    onZoomChanged?: (level: number) => void;
+    /**
+       * 지도 준비완료시 호출되는 콜백
+       */
+    onLoad?: (map: MapVendorType, controller: MintMapController) => void;
+    /**
+    * 지도 클릭시 호출되는 콜백
+    */
+    onClick?: (positon: Position) => void;
+    /**
+    * 지도 위에서 마우스 이동시 호출되는 콜백
+    */
+    onMouseMove?: (positon: Position) => void;
+}

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

@@ -0,0 +1,92 @@
+/// <reference types="react" />
+import { MapType } from "./CommonTypes";
+import { Position } from "./MapTypes";
+import { MintMapEvents } from "./MintMapEvents";
+/**
+ * Mint Map Props
+ */
+export interface MintMapProps extends MintMapEvents {
+    /**
+     * Mint Map 에서 지원하는 지도 타입
+     */
+    mapType: MapType | null;
+    /**
+     * Map 종류에 따른 인증키
+     * @description 각 지도 타입에 맞는 키를 입력해야한다.
+     */
+    mapKey: string;
+    /**
+       * Map 종류에 따른 추가 맵 ID
+       * @description 특정 지도에서는 맵ID 가 추가로 요구된다 (ex: Google Maps)
+       */
+    mapId?: string;
+    /**
+     * 지도의 기본 설정 정보
+     */
+    base?: BaseProps;
+    /**
+    * 지도의 보기 설정
+    */
+    visible?: boolean;
+    /**
+     * 지도 중심 좌표
+     */
+    center?: Position;
+    /**
+     * center 값을 통해 지도의 중심 으로 이동할때 panning 효과 적용 여부
+     */
+    centerMoveWithPanning?: boolean;
+    /**
+     * 지도 줌레벨
+     */
+    zoomLevel?: number;
+    /**
+     * 마우스의 드래그로 지도 위치 움직임 가능 여부
+     */
+    draggable?: boolean;
+    /**
+     * 키보드 방향키로 지도 위치 움직임 가능 여부
+     */
+    keyboardShortcuts?: boolean;
+    /**
+     * 마커 cache 사용 여부
+     */
+    markerCache?: boolean;
+    /**
+     * 마커 cache 사용시 초기 pool 갯수
+     */
+    markerCachePoolSize?: number;
+    /**
+     * 마커 cache 사용시 초기 pool 갯수
+     */
+    boundsChangeThrottlingTime?: number;
+    /**
+     * 로딩 완료 후 장면전환 효과 여부
+     */
+    dissolveEffectWhenLoaded?: boolean;
+    /**
+     * 맵 로딩화면
+     */
+    mapLoadingComponent?: () => JSX.Element;
+}
+/**
+ * 지도의 기본 설정
+ */
+export interface BaseProps {
+    /**
+     * 지도 시작시의 중심 좌표
+     */
+    center?: Position;
+    /**
+     * 지도 시작시의 줌레벨
+     */
+    zoomLevel?: number;
+    /**
+     * 지도의 최대 줌 레벨
+     */
+    maxZoomLevel?: number;
+    /**
+    * 지도의 최소 줌 레벨
+    */
+    minZoomLevel?: number;
+}

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

@@ -0,0 +1,5 @@
+export * from './CommonTypes';
+export * from './MapDrawables';
+export * from './MapTypes';
+export * from './MintMapEvents';
+export * from './MintMapProps';

package/dist/index.d.ts

@@ -1 +1,7 @@
-export * from './components/mint-map';
+/**
+ * 인덱스 모듈
+ *
+ * @author RWB
+ * @since 2022.05.19 Thu 01:37:54
+ */
+export * from './components/mint-map';