@mint-ui/map 0.3.6-beta → 0.3.8-beta

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

@@ -2,7 +2,7 @@
 /// <reference types="google.maps" />
 import { PropsWithChildren } from "react";
 import { MintMapController } from "./core/MintMapController";
-export declare type MapType = 'naver' | 'google';
+export declare type MapType = 'naver' | 'google' | 'kakao';
 export declare type MapVendorType = naver.maps.Map | google.maps.Map;
 export interface MintMapProps extends MintMapEvents {
     mapType: MapType | null;

package/dist/components/mint-map/MintMap.js

@@ -11,6 +11,7 @@ var MintMapProvider = require('./core/provider/MintMapProvider.js');
 var calculate = require('./core/util/calculate.js');
 var NaverMintMapController = require('./naver/NaverMintMapController.js');
 var GoogleMintMapController = require('./google/GoogleMintMapController.js');
+var KakaoMintMapController = require('./kakao/KakaoMintMapController.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -223,6 +224,10 @@ function MintMap(_a) {
         mapType: mapType
       }, props), {
         base: base
+      })) : mapType === 'kakao' ? new KakaoMintMapController.KakaoMintMapController(tslib.__assign(tslib.__assign({
+        mapType: mapType
+      }, props), {
+        base: base
       })) : null;
 
       if (newController_1) {

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

@@ -35,4 +35,6 @@ export declare abstract class MintMapController {
     }): string;
     private processedTime;
     checkBoundsChangeThrottleTime(): boolean;
+    getBaseToMapZoom(zoomBase: number): number;
+    getMapToBaseZoom(mapZoom: number): number;
 }

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

@@ -65,7 +65,223 @@ var MintMapController = function () {
     }
   };
 
+  MintMapController.prototype.getBaseToMapZoom = function (zoomBase) {
+    var baseMap = MapZoomInfo.BASE_TO_MAP.get(zoomBase);
+
+    if (baseMap) {
+      var mapZoomInfo = baseMap.get(this.getMapType());
+
+      if (mapZoomInfo) {
+        return mapZoomInfo.level;
+      }
+    }
+
+    throw new Error("[getBaseToMapZoom][".concat(zoomBase, "] is not valid zoom level"));
+  };
+
+  MintMapController.prototype.getMapToBaseZoom = function (mapZoom) {
+    var baseZoom = MapZoomInfo.MAP_TO_BASE.get(this.getMapType() + mapZoom);
+
+    if (baseZoom) {
+      return baseZoom;
+    }
+
+    throw new Error("[getMapToBaseZoom][".concat(mapZoom, "] is not valid zoom level"));
+  };
+
   return MintMapController;
 }();
 
+var MapZoomInfo = function () {
+  function MapZoomInfo() {}
+
+  MapZoomInfo.BASE_TO_MAP = new Map([[1, new Map([['google', {
+    level: 1
+  }], ['naver', {
+    level: 6
+  }], ['kakao', {
+    level: 14
+  }]])], [2, new Map([['google', {
+    level: 2,
+    distance: 2000,
+    unit: 'km'
+  }], ['naver', {
+    level: 6
+  }], ['kakao', {
+    level: 14
+  }]])], [3, new Map([['google', {
+    level: 3,
+    distance: 1000,
+    unit: 'km'
+  }], ['naver', {
+    level: 6
+  }], ['kakao', {
+    level: 14
+  }]])], [4, new Map([['google', {
+    level: 4,
+    distance: 500,
+    unit: 'km'
+  }], ['naver', {
+    level: 6
+  }], ['kakao', {
+    level: 14
+  }]])], [5, new Map([['google', {
+    level: 5,
+    distance: 200,
+    unit: 'km'
+  }], ['naver', {
+    level: 6
+  }], ['kakao', {
+    level: 14
+  }]])], [6, new Map([['google', {
+    level: 6,
+    distance: 100,
+    unit: 'km'
+  }], ['naver', {
+    level: 6
+  }], ['kakao', {
+    level: 14
+  }]])], [7, new Map([['google', {
+    level: 7,
+    distance: 50,
+    unit: 'km'
+  }], ['naver', {
+    level: 7
+  }], ['kakao', {
+    level: 13
+  }]])], [8, new Map([['google', {
+    level: 8,
+    distance: 20,
+    unit: 'km'
+  }], ['naver', {
+    level: 8
+  }], ['kakao', {
+    level: 12
+  }]])], [9, new Map([['google', {
+    level: 9,
+    distance: 10,
+    unit: 'km'
+  }], ['naver', {
+    level: 9
+  }], ['kakao', {
+    level: 11
+  }]])], [10, new Map([['google', {
+    level: 10,
+    distance: 5,
+    unit: 'km'
+  }], ['naver', {
+    level: 10
+  }], ['kakao', {
+    level: 10
+  }]])], [11, new Map([['google', {
+    level: 11,
+    distance: 2,
+    unit: 'km'
+  }], ['naver', {
+    level: 11
+  }], ['kakao', {
+    level: 9
+  }]])], [12, new Map([['google', {
+    level: 12,
+    distance: 1,
+    unit: 'km'
+  }], ['naver', {
+    level: 12
+  }], ['kakao', {
+    level: 8
+  }]])], [13, new Map([['google', {
+    level: 13,
+    distance: 500,
+    unit: 'm'
+  }], ['naver', {
+    level: 13
+  }], ['kakao', {
+    level: 7
+  }]])], [14, new Map([['google', {
+    level: 14,
+    distance: 500,
+    unit: 'm'
+  }], ['naver', {
+    level: 14
+  }], ['kakao', {
+    level: 6
+  }]])], [15, new Map([['google', {
+    level: 15,
+    distance: 500,
+    unit: 'm'
+  }], ['naver', {
+    level: 15
+  }], ['kakao', {
+    level: 5
+  }]])], [16, new Map([['google', {
+    level: 16,
+    distance: 500,
+    unit: 'm'
+  }], ['naver', {
+    level: 16
+  }], ['kakao', {
+    level: 4
+  }]])], [17, new Map([['google', {
+    level: 17,
+    distance: 500,
+    unit: 'm'
+  }], ['naver', {
+    level: 17
+  }], ['kakao', {
+    level: 3
+  }]])], [18, new Map([['google', {
+    level: 18,
+    distance: 500,
+    unit: 'm'
+  }], ['naver', {
+    level: 18
+  }], ['kakao', {
+    level: 2
+  }]])], [19, new Map([['google', {
+    level: 19,
+    distance: 500,
+    unit: 'm'
+  }], ['naver', {
+    level: 19
+  }], ['kakao', {
+    level: 1
+  }]])], [20, new Map([['google', {
+    level: 20,
+    distance: 500,
+    unit: 'm'
+  }], ['naver', {
+    level: 20
+  }], ['kakao', {
+    level: 1
+  }]])], [21, new Map([['google', {
+    level: 21,
+    distance: 500,
+    unit: 'm'
+  }], ['naver', {
+    level: 21
+  }], ['kakao', {
+    level: 1
+  }]])], [22, new Map([['google', {
+    level: 22,
+    distance: 500,
+    unit: 'm'
+  }], ['naver', {
+    level: 21
+  }], ['kakao', {
+    level: 1
+  }]])]]);
+  MapZoomInfo.MAP_TO_BASE = new Map(Array.from(MapZoomInfo.BASE_TO_MAP.entries()).map(function (item) {
+    var base = item[0];
+    var mapZoom = item[1];
+    var result = [];
+    mapZoom.forEach(function (value, key) {
+      result.push([key + value.level, base]);
+    });
+    return result;
+  }).flatMap(function (a) {
+    return a;
+  }));
+  return MapZoomInfo;
+}();
+
 exports.MintMapController = MintMapController;

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

@@ -12,6 +12,8 @@ var MarkerMovingHook = require('../hooks/MarkerMovingHook.js');
 var offsetCalibration = function (mapType, divElement, options) {
   if (mapType === 'google') {
     divElement.style.transform = "translate(50%, 100%) translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
+  } else if (mapType === 'kakao') {
+    divElement.style.transform = "translate(50%, 50%) translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
   }
 };
 
@@ -93,7 +95,7 @@ function MapMarkerWrapper(_a) {
     divElement.addEventListener('click', onClickHandler);
     divElement.addEventListener('mouseover', onMouseOverHandler);
     return function () {
-      if (divCloneRef.current && endAnimationClassName) {
+      if (divCloneRef.current && endAnimationClassName && controller.getMapType() !== 'kakao') {
         divCloneRef.current.classList.add(endAnimationClassName);
 
         var aniListener_1 = function () {

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

@@ -0,0 +1,43 @@
+/// <reference types="kakaomaps" />
+import { MintMapController } from "../core/MintMapController";
+import { Bounds, Drawable, MapType, MapVendorType, Marker, MarkerOptions, MintMapProps, Polygon, PolygonOptions, Polyline, PolylineOptions, Position } from "../MintMap";
+import { ObjectPool } from '@mint-ui/tools';
+export declare class KakaoMintMapController extends MintMapController {
+    type: MapType;
+    map: kakao.maps.Map | null;
+    scriptUrl: string;
+    scriptModules: string[];
+    markerPool?: ObjectPool<kakao.maps.CustomOverlay>;
+    constructor(props: MintMapProps);
+    private initMarkerPool;
+    polylineEvents: string[];
+    createPolyline(polyline: Polyline): void;
+    updatePolyline(polyline: Polyline, options: PolylineOptions): void;
+    polygonEvents: string[];
+    createPolygon(polygon: Polygon): void;
+    updatePolygon(polygon: Polygon, options: PolygonOptions): void;
+    markerEvents: string[];
+    createMarker(marker: Marker): void;
+    updateMarker(marker: Marker, options: MarkerOptions): void;
+    private markerMaxZIndex;
+    private getMaxZIndex;
+    setMarkerZIndex(marker: Marker, zIndex: number): void;
+    markerToTheTop(marker: Marker): void;
+    clearDrawable(drawable: Drawable): boolean;
+    private dragStartPoint;
+    private dragged;
+    isMapDragged(): boolean;
+    setMapDragged(value: boolean): void;
+    loadMapApi(): Promise<boolean>;
+    initializingMap(divElement: HTMLDivElement): Promise<MapVendorType>;
+    private getSafeZoomValue;
+    destroyMap(): void;
+    getCurrBounds(): Bounds;
+    panningTo(targetCenter: Position): void;
+    getZoomLevel(): number;
+    setZoomLevel(zoom: number): void;
+    getCenter(): Position;
+    setCenter(position: Position): void;
+    private positionToLatLng;
+    private latLngToPosition;
+}