@mint-ui/map 0.3.0-beta → 0.3.2-beta

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

@@ -15,4 +15,4 @@ export interface ClusterStatus {
     max: number;
 }
 export declare type ClusterSizeCalculator = (info: ClusterInfo, status: ClusterStatus) => number;
-export declare const getClusterInfo: (basePixelSize: number, mapBounds: Bounds, mapWidth: number, mapHeight: number, itemList: Position[], sizeFunction?: ClusterSizeCalculator) => (ClusterInfo[] | Bounds[])[];
+export declare const getClusterInfo: (basePixelSize: number, mapBounds: Bounds, mapWidth: number, mapHeight: number, itemList: Position[], sizeFunction?: ClusterSizeCalculator) => ClusterInfo[];

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

@@ -0,0 +1,137 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MintMap = require('../../MintMap.js');
+
+var getClusterInfo = function (basePixelSize, mapBounds, mapWidth, mapHeight, itemList, sizeFunction) {
+  var _a;
+
+  var rowCount = Number((mapWidth / basePixelSize).toFixed(0)) || 1;
+  var colCount = Number((mapHeight / basePixelSize).toFixed(0)) || 1;
+  var boundsLineSizeX = Number(((mapBounds.ne.lng - mapBounds.nw.lng) / rowCount).toFixed(7));
+  var boundsLineSizeY = Number(((mapBounds.nw.lat - mapBounds.se.lat) / colCount).toFixed(7));
+  var boundsPos = [];
+  var tempX1, tempY1, tempX2, tempY2;
+
+  for (var i = 0; i < rowCount; i++) {
+    tempX1 = mapBounds.nw.lng + boundsLineSizeX * i;
+    tempX2 = mapBounds.nw.lng + boundsLineSizeX * (i + 1);
+    var rows = [];
+    boundsPos.push(rows);
+
+    for (var k = 0; k < colCount; k++) {
+      tempY2 = mapBounds.se.lat + boundsLineSizeY * k;
+      tempY1 = mapBounds.se.lat + boundsLineSizeY * (k + 1);
+      var thisBounds = MintMap.Bounds.fromNWSE(new MintMap.Position(tempY1, tempX1), new MintMap.Position(tempY2, tempX2));
+      var includedList = thisBounds.getIncludedPositions(itemList);
+      rows.push({
+        bounds: thisBounds,
+        checked: false,
+        center: false,
+        centerPosition: thisBounds.getCenter(),
+        incList: [],
+        itemList: includedList,
+        size: basePixelSize
+      });
+    }
+  }
+
+  var centerList = [];
+  var totalItemCount = 0;
+  var min;
+  var max;
+
+  for (var i = 0; i < boundsPos.length; i++) {
+    for (var k = 0; k < boundsPos[i].length; k++) {
+      var curr = boundsPos[i][k];
+      if (curr.checked) continue;
+      curr.checked = true;
+      var incList = [];
+
+      if (boundsPos[i]) {
+        boundsPos[i][k - 1] && incList.push(boundsPos[i][k - 1]);
+        boundsPos[i][k + 1] && incList.push(boundsPos[i][k + 1]);
+      }
+
+      if (boundsPos[i - 1]) {
+        boundsPos[i - 1][k - 1] && incList.push(boundsPos[i - 1][k - 1]);
+        boundsPos[i - 1][k] && incList.push(boundsPos[i - 1][k]);
+        boundsPos[i - 1][k + 1] && incList.push(boundsPos[i - 1][k + 1]);
+      }
+
+      if (boundsPos[i + 1]) {
+        boundsPos[i + 1][k + 1] && incList.push(boundsPos[i + 1][k + 1]);
+        boundsPos[i + 1][k] && incList.push(boundsPos[i + 1][k]);
+        boundsPos[i + 1][k - 1] && incList.push(boundsPos[i + 1][k - 1]);
+      }
+
+      for (var _i = 0, incList_1 = incList; _i < incList_1.length; _i++) {
+        var inc = incList_1[_i];
+        if (inc.checked) continue;
+        inc.checked = true;
+
+        if (inc.itemList && inc.itemList.length > 0) {
+          curr.incList.push(inc);
+
+          (_a = curr.itemList).push.apply(_a, inc.itemList);
+
+          curr.center = true;
+        }
+      }
+
+      if (curr.center) {
+        centerList.push(curr);
+        var avrLat = calculateAverage(curr.itemList.map(function (item) {
+          return item.lat;
+        }));
+        var avrLng = calculateAverage(curr.itemList.map(function (item) {
+          return item.lng;
+        }));
+        curr.centerPosition = new MintMap.Position(avrLat, avrLng);
+        totalItemCount += curr.itemList.length;
+
+        if (!min || curr.itemList.length < min) {
+          min = curr.itemList.length;
+        }
+
+        if (!max || curr.itemList.length > max) {
+          max = curr.itemList.length;
+        }
+      }
+    }
+  }
+
+  var status = {
+    total: totalItemCount,
+    average: totalItemCount / centerList.length,
+    min: min,
+    max: max
+  };
+
+  sizeFunction = sizeFunction || function (info, status) {
+    var minSize = basePixelSize / 4;
+    var maxSize = basePixelSize;
+    return Math.min(Math.max(basePixelSize * info.itemList.length / status.average, minSize), maxSize);
+  };
+
+  for (var _b = 0, centerList_1 = centerList; _b < centerList_1.length; _b++) {
+    var center = centerList_1[_b];
+    center.size = sizeFunction(center, status);
+  }
+
+  return centerList;
+};
+
+var calculateAverage = function (nums) {
+  var sum = 0;
+
+  for (var _i = 0, nums_1 = nums; _i < nums_1.length; _i++) {
+    var num = nums_1[_i];
+    sum += num;
+  }
+
+  return Number((sum / nums.length).toFixed(7));
+};
+
+exports.getClusterInfo = getClusterInfo;

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

@@ -1,3 +1,4 @@
 export * from './animation';
 export * from './calculate';
 export * from './waiting';
+export * from './cluster';

package/dist/index.es.js

@@ -2167,6 +2167,136 @@ function MapBuildingProjection(props) {
   }, "".concat(title, " (").concat(numberOfFloor, "\uCE35)")))));
 }
 
+var getClusterInfo = function (basePixelSize, mapBounds, mapWidth, mapHeight, itemList, sizeFunction) {
+  var _a;
+
+  var rowCount = Number((mapWidth / basePixelSize).toFixed(0)) || 1;
+  var colCount = Number((mapHeight / basePixelSize).toFixed(0)) || 1;
+  var boundsLineSizeX = Number(((mapBounds.ne.lng - mapBounds.nw.lng) / rowCount).toFixed(7));
+  var boundsLineSizeY = Number(((mapBounds.nw.lat - mapBounds.se.lat) / colCount).toFixed(7));
+  var boundsPos = [];
+  var tempX1, tempY1, tempX2, tempY2;
+
+  for (var i = 0; i < rowCount; i++) {
+    tempX1 = mapBounds.nw.lng + boundsLineSizeX * i;
+    tempX2 = mapBounds.nw.lng + boundsLineSizeX * (i + 1);
+    var rows = [];
+    boundsPos.push(rows);
+
+    for (var k = 0; k < colCount; k++) {
+      tempY2 = mapBounds.se.lat + boundsLineSizeY * k;
+      tempY1 = mapBounds.se.lat + boundsLineSizeY * (k + 1);
+      var thisBounds = Bounds.fromNWSE(new Position(tempY1, tempX1), new Position(tempY2, tempX2));
+      var includedList = thisBounds.getIncludedPositions(itemList);
+      rows.push({
+        bounds: thisBounds,
+        checked: false,
+        center: false,
+        centerPosition: thisBounds.getCenter(),
+        incList: [],
+        itemList: includedList,
+        size: basePixelSize
+      });
+    }
+  }
+
+  var centerList = [];
+  var totalItemCount = 0;
+  var min;
+  var max;
+
+  for (var i = 0; i < boundsPos.length; i++) {
+    for (var k = 0; k < boundsPos[i].length; k++) {
+      var curr = boundsPos[i][k];
+      if (curr.checked) continue;
+      curr.checked = true;
+      var incList = [];
+
+      if (boundsPos[i]) {
+        boundsPos[i][k - 1] && incList.push(boundsPos[i][k - 1]);
+        boundsPos[i][k + 1] && incList.push(boundsPos[i][k + 1]);
+      }
+
+      if (boundsPos[i - 1]) {
+        boundsPos[i - 1][k - 1] && incList.push(boundsPos[i - 1][k - 1]);
+        boundsPos[i - 1][k] && incList.push(boundsPos[i - 1][k]);
+        boundsPos[i - 1][k + 1] && incList.push(boundsPos[i - 1][k + 1]);
+      }
+
+      if (boundsPos[i + 1]) {
+        boundsPos[i + 1][k + 1] && incList.push(boundsPos[i + 1][k + 1]);
+        boundsPos[i + 1][k] && incList.push(boundsPos[i + 1][k]);
+        boundsPos[i + 1][k - 1] && incList.push(boundsPos[i + 1][k - 1]);
+      }
+
+      for (var _i = 0, incList_1 = incList; _i < incList_1.length; _i++) {
+        var inc = incList_1[_i];
+        if (inc.checked) continue;
+        inc.checked = true;
+
+        if (inc.itemList && inc.itemList.length > 0) {
+          curr.incList.push(inc);
+
+          (_a = curr.itemList).push.apply(_a, inc.itemList);
+
+          curr.center = true;
+        }
+      }
+
+      if (curr.center) {
+        centerList.push(curr);
+        var avrLat = calculateAverage(curr.itemList.map(function (item) {
+          return item.lat;
+        }));
+        var avrLng = calculateAverage(curr.itemList.map(function (item) {
+          return item.lng;
+        }));
+        curr.centerPosition = new Position(avrLat, avrLng);
+        totalItemCount += curr.itemList.length;
+
+        if (!min || curr.itemList.length < min) {
+          min = curr.itemList.length;
+        }
+
+        if (!max || curr.itemList.length > max) {
+          max = curr.itemList.length;
+        }
+      }
+    }
+  }
+
+  var status = {
+    total: totalItemCount,
+    average: totalItemCount / centerList.length,
+    min: min,
+    max: max
+  };
+
+  sizeFunction = sizeFunction || function (info, status) {
+    var minSize = basePixelSize / 4;
+    var maxSize = basePixelSize;
+    return Math.min(Math.max(basePixelSize * info.itemList.length / status.average, minSize), maxSize);
+  };
+
+  for (var _b = 0, centerList_1 = centerList; _b < centerList_1.length; _b++) {
+    var center = centerList_1[_b];
+    center.size = sizeFunction(center, status);
+  }
+
+  return centerList;
+};
+
+var calculateAverage = function (nums) {
+  var sum = 0;
+
+  for (var _i = 0, nums_1 = nums; _i < nums_1.length; _i++) {
+    var num = nums_1[_i];
+    sum += num;
+  }
+
+  return Number((sum / nums.length).toFixed(7));
+};
+
 var css_248z = ".MintMapWrapper-module_mint-map-control-wrapper__DDb4y {\n  position: absolute;\n  z-index: 101;\n}\n\n.MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV {\n  position: absolute;\n  z-index: 1;\n}";
 var styles = {"mint-map-control-wrapper":"MintMapWrapper-module_mint-map-control-wrapper__DDb4y","mint-map-overlay-wrapper":"MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV"};
 styleInject(css_248z);
@@ -2263,4 +2393,4 @@ function MapPolylineWrapper(_a) {
   return React.createElement(React.Fragment, null, options && children);
 }
 
-export { AnimationPlayer, Bounds, Drawable, GeoCalulator, GoogleMintMapController, MapBuildingProjection, MapControlWrapper, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, Marker, MintMap, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, Polygon, PolygonCalculator, Polyline, Position, useMarkerMoving, useMintMapController, waiting };
+export { AnimationPlayer, Bounds, Drawable, GeoCalulator, GoogleMintMapController, MapBuildingProjection, MapControlWrapper, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, Marker, MintMap, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, Polygon, PolygonCalculator, Polyline, Position, getClusterInfo, useMarkerMoving, useMintMapController, waiting };

package/dist/index.js

@@ -11,6 +11,7 @@ var MintMapProvider = require('./components/mint-map/core/provider/MintMapProvid
 var animation = require('./components/mint-map/core/util/animation.js');
 var calculate = require('./components/mint-map/core/util/calculate.js');
 var waiting = require('./components/mint-map/core/util/waiting.js');
+var cluster = require('./components/mint-map/core/util/cluster.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');
@@ -38,6 +39,7 @@ exports.AnimationPlayer = animation.AnimationPlayer;
 exports.GeoCalulator = calculate.GeoCalulator;
 exports.PolygonCalculator = calculate.PolygonCalculator;
 exports.waiting = waiting.waiting;
+exports.getClusterInfo = cluster.getClusterInfo;
 exports.MapControlWrapper = MapControlWrapper.MapControlWrapper;
 exports.MapMarkerWrapper = MapMarkerWrapper.MapMarkerWrapper;
 exports.MapPolygonWrapper = MapPolygonWrapper.MapPolygonWrapper;

package/dist/index.umd.js

@@ -2172,6 +2172,136 @@
     }, "".concat(title, " (").concat(numberOfFloor, "\uCE35)")))));
   }
 
+  var getClusterInfo = function (basePixelSize, mapBounds, mapWidth, mapHeight, itemList, sizeFunction) {
+    var _a;
+
+    var rowCount = Number((mapWidth / basePixelSize).toFixed(0)) || 1;
+    var colCount = Number((mapHeight / basePixelSize).toFixed(0)) || 1;
+    var boundsLineSizeX = Number(((mapBounds.ne.lng - mapBounds.nw.lng) / rowCount).toFixed(7));
+    var boundsLineSizeY = Number(((mapBounds.nw.lat - mapBounds.se.lat) / colCount).toFixed(7));
+    var boundsPos = [];
+    var tempX1, tempY1, tempX2, tempY2;
+
+    for (var i = 0; i < rowCount; i++) {
+      tempX1 = mapBounds.nw.lng + boundsLineSizeX * i;
+      tempX2 = mapBounds.nw.lng + boundsLineSizeX * (i + 1);
+      var rows = [];
+      boundsPos.push(rows);
+
+      for (var k = 0; k < colCount; k++) {
+        tempY2 = mapBounds.se.lat + boundsLineSizeY * k;
+        tempY1 = mapBounds.se.lat + boundsLineSizeY * (k + 1);
+        var thisBounds = Bounds.fromNWSE(new Position(tempY1, tempX1), new Position(tempY2, tempX2));
+        var includedList = thisBounds.getIncludedPositions(itemList);
+        rows.push({
+          bounds: thisBounds,
+          checked: false,
+          center: false,
+          centerPosition: thisBounds.getCenter(),
+          incList: [],
+          itemList: includedList,
+          size: basePixelSize
+        });
+      }
+    }
+
+    var centerList = [];
+    var totalItemCount = 0;
+    var min;
+    var max;
+
+    for (var i = 0; i < boundsPos.length; i++) {
+      for (var k = 0; k < boundsPos[i].length; k++) {
+        var curr = boundsPos[i][k];
+        if (curr.checked) continue;
+        curr.checked = true;
+        var incList = [];
+
+        if (boundsPos[i]) {
+          boundsPos[i][k - 1] && incList.push(boundsPos[i][k - 1]);
+          boundsPos[i][k + 1] && incList.push(boundsPos[i][k + 1]);
+        }
+
+        if (boundsPos[i - 1]) {
+          boundsPos[i - 1][k - 1] && incList.push(boundsPos[i - 1][k - 1]);
+          boundsPos[i - 1][k] && incList.push(boundsPos[i - 1][k]);
+          boundsPos[i - 1][k + 1] && incList.push(boundsPos[i - 1][k + 1]);
+        }
+
+        if (boundsPos[i + 1]) {
+          boundsPos[i + 1][k + 1] && incList.push(boundsPos[i + 1][k + 1]);
+          boundsPos[i + 1][k] && incList.push(boundsPos[i + 1][k]);
+          boundsPos[i + 1][k - 1] && incList.push(boundsPos[i + 1][k - 1]);
+        }
+
+        for (var _i = 0, incList_1 = incList; _i < incList_1.length; _i++) {
+          var inc = incList_1[_i];
+          if (inc.checked) continue;
+          inc.checked = true;
+
+          if (inc.itemList && inc.itemList.length > 0) {
+            curr.incList.push(inc);
+
+            (_a = curr.itemList).push.apply(_a, inc.itemList);
+
+            curr.center = true;
+          }
+        }
+
+        if (curr.center) {
+          centerList.push(curr);
+          var avrLat = calculateAverage(curr.itemList.map(function (item) {
+            return item.lat;
+          }));
+          var avrLng = calculateAverage(curr.itemList.map(function (item) {
+            return item.lng;
+          }));
+          curr.centerPosition = new Position(avrLat, avrLng);
+          totalItemCount += curr.itemList.length;
+
+          if (!min || curr.itemList.length < min) {
+            min = curr.itemList.length;
+          }
+
+          if (!max || curr.itemList.length > max) {
+            max = curr.itemList.length;
+          }
+        }
+      }
+    }
+
+    var status = {
+      total: totalItemCount,
+      average: totalItemCount / centerList.length,
+      min: min,
+      max: max
+    };
+
+    sizeFunction = sizeFunction || function (info, status) {
+      var minSize = basePixelSize / 4;
+      var maxSize = basePixelSize;
+      return Math.min(Math.max(basePixelSize * info.itemList.length / status.average, minSize), maxSize);
+    };
+
+    for (var _b = 0, centerList_1 = centerList; _b < centerList_1.length; _b++) {
+      var center = centerList_1[_b];
+      center.size = sizeFunction(center, status);
+    }
+
+    return centerList;
+  };
+
+  var calculateAverage = function (nums) {
+    var sum = 0;
+
+    for (var _i = 0, nums_1 = nums; _i < nums_1.length; _i++) {
+      var num = nums_1[_i];
+      sum += num;
+    }
+
+    return Number((sum / nums.length).toFixed(7));
+  };
+
   var css_248z = ".MintMapWrapper-module_mint-map-control-wrapper__DDb4y {\n  position: absolute;\n  z-index: 101;\n}\n\n.MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV {\n  position: absolute;\n  z-index: 1;\n}";
   var styles = {"mint-map-control-wrapper":"MintMapWrapper-module_mint-map-control-wrapper__DDb4y","mint-map-overlay-wrapper":"MintMapWrapper-module_mint-map-overlay-wrapper__Jn4wV"};
   styleInject__default["default"](css_248z);
@@ -2289,6 +2419,7 @@
   exports.PolygonCalculator = PolygonCalculator;
   exports.Polyline = Polyline;
   exports.Position = Position;
+  exports.getClusterInfo = getClusterInfo;
   exports.useMarkerMoving = useMarkerMoving;
   exports.useMintMapController = useMintMapController;
   exports.waiting = waiting;

package/package.json

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