@mint-ui/map 0.5.3-beta → 0.5.4-beta

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

@@ -130,7 +130,7 @@ function MapCanvasWrapper(_a) {
         var pos = item.position; // console.log('canvas mouseevent check', pos.offset);
 
         if (pos && !pos.offset) {
-          pos.offset = controller.positionToOffset(pos);
+          pos.offset = positionToOffset(pos);
         }
 
         if (!pos || !pos.offset || !includes(clickedOffset, pos.offset, item.boxWidth, item.boxHeight)) {
@@ -163,7 +163,7 @@ function MapCanvasWrapper(_a) {
 
       if (map) {
         // const center = controller.getCenter()
-        // center.offset = controller.positionToOffset(center)
+        // center.offset = positionToOffset(center)
         // if(center.offset){
         //   prevX.current = center.offset.x
         //   prevY.current = center.offset.y
@@ -183,7 +183,7 @@ function MapCanvasWrapper(_a) {
 
           if (containerRef.current) {
             // const pos = controller.getCenter()
-            // pos.offset = controller.positionToOffset(pos)
+            // pos.offset = positionToOffset(pos)
             // const deltaX = prevX.current - pos.offset.x
             // const deltaY = prevY.current - pos.offset.y
             // offsetProvider.current.x += deltaX
@@ -209,7 +209,7 @@ function MapCanvasWrapper(_a) {
 
         map.addListener('mousemove', function (e) {
           var clickPosition = parseClickParamToPosition(controller.getMapType(), e);
-          var clickedOffset = controller.positionToOffset(clickPosition); // console.log('canvas mousemove', clickedOffset);
+          var clickedOffset = positionToOffset(clickPosition); // console.log('canvas mousemove', clickedOffset);
 
           var hitSet = processMouseEvent(clickedOffset, 'onMouseOver'); //mouse out 처리
 
@@ -223,7 +223,7 @@ function MapCanvasWrapper(_a) {
 
         map.addListener('click', function (e) {
           var clickPosition = parseClickParamToPosition(controller.getMapType(), e);
-          var clickedOffset = controller.positionToOffset(clickPosition);
+          var clickedOffset = positionToOffset(clickPosition);
           processMouseEvent(clickedOffset, 'onClick');
         });
       }
@@ -294,7 +294,7 @@ function MapCanvasWrapper(_a) {
       if (item.visible === undefined || item.visible) {
         var pos = item.position; //위치 변환
 
-        pos.offset = controller.positionToOffset(pos);
+        pos.offset = positionToOffset(pos);
 
         if (item.anchor) {
           pos.offset.x += item.anchor.x;
@@ -323,6 +323,22 @@ function MapCanvasWrapper(_a) {
   }, []); //render!!!
 
   renderMain();
+
+  var positionToOffset = React.useCallback(function (position) {
+    var div = controller.mapDivElement;
+    var w = div === null || div === void 0 ? void 0 : div.offsetWidth;
+    var h = div === null || div === void 0 ? void 0 : div.offsetHeight;
+    var bounds = controller.getCurrBounds();
+    var maxLng = bounds.ne.lng;
+    var minLng = bounds.sw.lng;
+    var lng = Math.abs(maxLng - minLng);
+    var x = w * (position.lng - minLng) / lng;
+    var maxLat = bounds.ne.lat;
+    var minLat = bounds.sw.lat;
+    var lat = Math.abs(maxLat - minLat);
+    var y = h * (maxLat - position.lat) / lat;
+    return new MapTypes.Offset(x, y);
+  }, []);
   return React__default["default"].createElement("div", {
     ref: containerRef,
     style: {

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

@@ -460,7 +460,7 @@ function (_super) {
                     center: (_a = this.mapProps.base) === null || _a === void 0 ? void 0 : _a.center,
                     maxZoom: (_b = this.mapProps.base) === null || _b === void 0 ? void 0 : _b.maxZoomLevel,
                     minZoom: (_c = this.mapProps.base) === null || _c === void 0 ? void 0 : _c.minZoomLevel,
-                    zoom: (_d = this.mapProps.base) === null || _d === void 0 ? void 0 : _d.zoomLevel,
+                    zoom: ((_d = this.mapProps.base) === null || _d === void 0 ? void 0 : _d.zoomLevel) || this.getBaseToMapZoom(15),
                     disableDefaultUI: true,
                     gestureHandling: this.mapProps.draggable === false ? 'none' : 'greedy',
                     keyboardShortcuts: this.mapProps.keyboardShortcuts === false ? false : true,

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

@@ -452,7 +452,7 @@ function (_super) {
                 case 2:
                   options = {
                     center: this.positionToLatLng((_a = this.mapProps.base) === null || _a === void 0 ? void 0 : _a.center),
-                    level: this.getBaseToMapZoom(((_b = this.mapProps.base) === null || _b === void 0 ? void 0 : _b.zoomLevel) || 10),
+                    level: this.getBaseToMapZoom(((_b = this.mapProps.base) === null || _b === void 0 ? void 0 : _b.zoomLevel) || 15),
                     draggable: this.mapProps.draggable === false ? false : true,
                     scrollWheel: this.mapProps.draggable === false ? false : true,
                     keyboardShortcuts: this.mapProps.keyboardShortcuts === false ? false : true

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

@@ -3,7 +3,7 @@ import { MintMapController } from "../core/MintMapController";
 import { ObjectPool } from '@mint-ui/tools';
 import { MapType, MapVendorType } from "../types/CommonTypes";
 import { Drawable, Marker, MarkerOptions, Polygon, PolygonOptions, Polyline, PolylineOptions } from "../types/MapDrawables";
-import { Bounds, Position } from "../types/MapTypes";
+import { Bounds, Offset, Position } from "../types/MapTypes";
 import { MintMapProps } from "../types/MintMapProps";
 import { EventCallback, EventParamType, MapEvent, MapEventName, MapUIEvent } from "../types/MapEventTypes";
 export declare class NaverMintMapController extends MintMapController {
@@ -45,6 +45,7 @@ export declare class NaverMintMapController extends MintMapController {
     setZoomLevel(zoom: number): void;
     getCenter(): Position;
     setCenter(position: Position): void;
+    positionToOffset(position: Position): Offset;
     private eventMap;
     addEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;
     removeEventListener(eventName: MapEventName, callback: EventCallback<EventParamType>): void;

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

@@ -481,7 +481,7 @@ function (_super) {
                 case 2:
                   options = {
                     center: (_a = this.mapProps.base) === null || _a === void 0 ? void 0 : _a.center,
-                    zoom: (_b = this.mapProps.base) === null || _b === void 0 ? void 0 : _b.zoomLevel,
+                    zoom: ((_b = this.mapProps.base) === null || _b === void 0 ? void 0 : _b.zoomLevel) || this.getBaseToMapZoom(15),
                     draggable: this.mapProps.draggable === false ? false : true,
                     scrollWheel: this.mapProps.draggable === false ? false : true,
                     keyboardShortcuts: this.mapProps.keyboardShortcuts === false ? false : true,
@@ -632,6 +632,15 @@ function (_super) {
     (_a = this.map) === null || _a === void 0 ? void 0 : _a.setCenter(position);
   };
 
+  NaverMintMapController.prototype.positionToOffset = function (position) {
+    if (!this.map) {
+      return new MapTypes.Offset(0, 0);
+    }
+
+    var offset = this.map.getProjection().fromCoordToOffset(new naver.maps.LatLng(position.lat, position.lng));
+    return new MapTypes.Offset(offset.x, offset.y);
+  };
+
   NaverMintMapController.prototype.addEventListener = function (eventName, callback) {
     var _this = this;
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var calculate = require('../core/util/calculate.js');
+var polygon = require('../core/util/polygon.js');
 var MapTypes = require('./MapTypes.js');
 
 var Drawable =
@@ -77,7 +77,7 @@ function (_super) {
       var paths = this.options.position.map(function (elem) {
         return elem instanceof MapTypes.Position ? elem : new MapTypes.Position(elem[0], elem[1]);
       });
-      return calculate.PolygonCalculator.getCenter(paths);
+      return polygon.PolygonCalculator.getCenter(paths);
     }
 
     throw new Error('center 를 찾을 수 없습니다.');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var calculate = require('../core/util/calculate.js');
+var polygon = require('../core/util/polygon.js');
 
 /**
  * 좌표값
@@ -123,7 +123,7 @@ function () {
   };
 
   Bounds.prototype.intersects = function (positions) {
-    return calculate.PolygonCalculator.intersects([this.nw, this.se], positions);
+    return polygon.PolygonCalculator.intersects([this.nw, this.se], positions);
   };
 
   return Bounds;