@syncfusion/ej2-maps 25.1.40 → 25.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.40
+*  version : 25.2.3
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-maps@*",
-  "_id": "@syncfusion/ej2-maps@25.1.37",
+  "_id": "@syncfusion/ej2-maps@25.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-CWC04KDnHjmE6WI+jSrzsAM4JRyaZ++anTsS4BMOwpaFVRHg09afWT0/K9G7YXarS8LN7JW39jmD3p0NHJTUSA==",
+  "_integrity": "sha512-f3i1agwk554peX5JwF25nYx4Spy6FhCaRvPuvbQq0PIslntofQeqvtJCh8uiodToSusmNixIvo5dr/+bmtUwjQ==",
   "_location": "/@syncfusion/ej2-maps",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-vue-maps"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-25.1.37.tgz",
-  "_shasum": "4c429228b5fcee8b1e66f931c7d6802f702b1a28",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-25.1.41.tgz",
+  "_shasum": "f7a46097b695e5576502c1e4508edfc587b91aa4",
   "_spec": "@syncfusion/ej2-maps@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -35,13 +35,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.1.35",
-    "@syncfusion/ej2-buttons": "~25.1.39",
-    "@syncfusion/ej2-compression": "~25.1.35",
-    "@syncfusion/ej2-data": "~25.1.35",
-    "@syncfusion/ej2-file-utils": "~25.1.35",
-    "@syncfusion/ej2-pdf-export": "~25.1.38",
-    "@syncfusion/ej2-svg-base": "~25.1.37"
+    "@syncfusion/ej2-base": "~25.2.3",
+    "@syncfusion/ej2-buttons": "~25.2.3",
+    "@syncfusion/ej2-compression": "~25.2.3",
+    "@syncfusion/ej2-data": "~25.2.3",
+    "@syncfusion/ej2-file-utils": "~25.2.3",
+    "@syncfusion/ej2-pdf-export": "~25.2.3",
+    "@syncfusion/ej2-svg-base": "~25.2.3"
   },
   "deprecated": false,
   "description": "The Maps component is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options",
@@ -93,6 +93,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.1.40",
+  "version": "25.2.3",
   "sideEffects": false
 }

package/src/maps/layers/data-label.js

@@ -188,7 +188,7 @@ var DataLabel = /** @class */ (function () {
                 location['y'] = ((location['y'] + zoomTransPoint['y']) * scale);
             }
             location['y'] = (this.maps.projectionType === 'Mercator') || layer.geometryType === 'Normal' ? location['y'] : (-location['y']);
-            if (!isNullOrUndefined(this.maps.format) && !isNaN(parseFloat(text))) {
+            if (!isNullOrUndefined(this.maps.format) && !isNaN(Number(text)) && !isNaN(parseFloat(text))) {
                 if (this.maps.useGroupingSeparator) {
                     text = Internalize(this.maps, parseFloat(text));
                     if (!isNullOrUndefined(datasrcObj)) {

package/src/maps/layers/layer-panel.d.ts

@@ -117,7 +117,6 @@ export declare class LayerPanel {
     calculateRectBox(coordinates: any[], type?: string, isFirstItem?: boolean): void;
     generateTiles(zoomLevel: number, tileTranslatePoint: Point, zoomType?: string, bing?: BingMap, position?: Point): void;
     arrangeTiles(type: string, x: number, y: number): void;
-    private arrangeTilesLayer;
     /**
      * Animation for tile layers and hide the group element until the tile layer rendering
      *

package/src/maps/layers/layer-panel.js

@@ -1245,126 +1245,121 @@ var LayerPanel = /** @class */ (function () {
     };
     LayerPanel.prototype.arrangeTiles = function (type, x, y) {
         var _this = this;
+        var element = document.getElementById(this.mapObject.element.id + '_tile_parent');
+        var element1 = document.getElementById(this.mapObject.element.id + '_tiles');
         var timeOut;
         if (!isNullOrUndefined(type) && type !== 'Pan') {
             this.tileAnimation(type, x, y);
             timeOut = animationMode === 'Disable' ? 0 : (this.mapObject.layersCollection[0].animationDuration === 0 &&
                 animationMode === 'Enable') ? 1000 : this.mapObject.layersCollection[0].animationDuration;
         }
-        if (this.mapObject.layers[this.mapObject.baseLayerIndex].layerType === 'GoogleStaticMap') {
-            this.renderGoogleMap(this.mapObject.layers[0].key, this.mapObject.staticMapZoom);
-        }
         else {
-            if (type === 'Pan') {
-                this.arrangeTilesLayer(type);
-            }
-            else {
-                setTimeout(function () {
-                    _this.arrangeTilesLayer(type);
-                }, timeOut);
-            }
-        }
-    };
-    LayerPanel.prototype.arrangeTilesLayer = function (type) {
-        var element = document.getElementById(this.mapObject.element.id + '_tile_parent');
-        var element1 = document.getElementById(this.mapObject.element.id + '_tiles');
-        if (element) {
-            element.style.zIndex = '1';
-        }
-        if (element1) {
-            element1.style.zIndex = '0';
+            timeOut = 0;
         }
-        var animateElement;
-        if (!document.getElementById(this.mapObject.element.id + '_animated_tiles') && element) {
-            animateElement = createElement('div', { id: this.mapObject.element.id + '_animated_tiles' });
-            element.appendChild(animateElement);
+        if (this.mapObject.layers[this.mapObject.baseLayerIndex].layerType === 'GoogleStaticMap') {
+            this.renderGoogleMap(this.mapObject.layers[0].key, this.mapObject.staticMapZoom);
         }
         else {
-            if (type !== 'Pan' && element1 && element) {
-                element1.appendChild(element.children[0]);
-                if (!this.mapObject.isAddLayer && !isNullOrUndefined(document.getElementById(this.mapObject.element.id + '_animated_tiles'))) {
-                    document.getElementById(this.mapObject.element.id + '_animated_tiles').id =
-                        this.mapObject.element.id + '_animated_tiles_old';
-                }
-                animateElement = createElement('div', { id: this.mapObject.element.id + '_animated_tiles' });
-                element.appendChild(animateElement);
-            }
-            else {
-                animateElement = element ? element.children[0] : null;
-            }
-        }
-        for (var id = 0; id < this.tiles.length; id++) {
-            var tile = this.tiles[id];
-            var imgElement = null;
-            var mapId = this.mapObject.element.id;
-            if (type === 'Pan') {
-                var child = document.getElementById(mapId + '_tile_' + id);
-                var isNewTile = false;
-                if (isNullOrUndefined(child)) {
-                    isNewTile = true;
-                    child = createElement('div', { id: mapId + '_tile_' + id });
-                    imgElement = createElement('img');
-                }
-                else {
-                    child.style.removeProperty('display');
-                    imgElement = child.children[0];
+            setTimeout(function () {
+                if (element) {
+                    element.style.zIndex = '1';
                 }
-                if (!isNewTile && imgElement && imgElement.src !== tile.src) {
-                    imgElement.src = tile.src;
+                if (element1) {
+                    element1.style.zIndex = '0';
                 }
-                child.style.position = 'absolute';
-                child.style.left = tile.left + 'px';
-                child.style.top = tile.top + 'px';
-                child.style.height = tile.height + 'px';
-                child.style.width = tile.width + 'px';
-                if (isNewTile) {
-                    imgElement.setAttribute('height', '256px');
-                    imgElement.setAttribute('width', '256px');
-                    imgElement.setAttribute('src', tile.src);
-                    imgElement.setAttribute('alt', this.mapObject.getLocalizedLabel('ImageNotFound'));
-                    imgElement.style.setProperty('user-select', 'none');
-                    child.appendChild(imgElement);
-                    animateElement.appendChild(child);
-                }
-            }
-            else {
-                imgElement = createElement('img');
-                imgElement.setAttribute('height', '256px');
-                imgElement.setAttribute('width', '256px');
-                imgElement.setAttribute('src', tile.src);
-                imgElement.style.setProperty('user-select', 'none');
-                imgElement.setAttribute('alt', this.mapObject.getLocalizedLabel('ImageNotFound'));
-                var child = createElement('div', { id: mapId + '_tile_' + id });
-                child.style.position = 'absolute';
-                child.style.left = tile.left + 'px';
-                child.style.top = tile.top + 'px';
-                child.style.height = tile.height + 'px';
-                child.style.width = tile.width + 'px';
-                child.appendChild(imgElement);
-                if (animateElement) {
-                    animateElement.appendChild(child);
+                var animateElement;
+                if (!document.getElementById(_this.mapObject.element.id + '_animated_tiles') && element) {
+                    animateElement = createElement('div', { id: _this.mapObject.element.id + '_animated_tiles' });
+                    element.appendChild(animateElement);
                 }
-            }
-            if (id === (this.tiles.length - 1) && document.getElementById(this.mapObject.element.id + '_animated_tiles_old')) {
-                removeElement(this.mapObject.element.id + '_animated_tiles_old');
-            }
-        }
-        if (!isNullOrUndefined(this.mapObject.currentTiles)) {
-            for (var l = this.tiles.length; l < animateElement.childElementCount; l++) {
-                var isExistingElement = false;
-                for (var a = 0; a < this.mapObject.currentTiles.childElementCount; a++) {
-                    if (!isExistingElement &&
-                        this.mapObject.currentTiles.children[a].id === animateElement.children[l].id) {
-                        isExistingElement = true;
+                else {
+                    if (type !== 'Pan' && element1 && element) {
+                        element1.appendChild(element.children[0]);
+                        if (!_this.mapObject.isAddLayer && !isNullOrUndefined(document.getElementById(_this.mapObject.element.id + '_animated_tiles'))) {
+                            document.getElementById(_this.mapObject.element.id + '_animated_tiles').id =
+                                _this.mapObject.element.id + '_animated_tiles_old';
+                        }
+                        animateElement = createElement('div', { id: _this.mapObject.element.id + '_animated_tiles' });
+                        element.appendChild(animateElement);
+                    }
+                    else {
+                        animateElement = element ? element.children[0] : null;
                     }
                 }
-                if (isExistingElement) {
-                    animateElement.children[l].style.display = 'none';
+                for (var id = 0; id < _this.tiles.length; id++) {
+                    var tile = _this.tiles[id];
+                    var imgElement = null;
+                    var mapId = _this.mapObject.element.id;
+                    if (type === 'Pan') {
+                        var child = document.getElementById(mapId + '_tile_' + id);
+                        var isNewTile = false;
+                        if (isNullOrUndefined(child)) {
+                            isNewTile = true;
+                            child = createElement('div', { id: mapId + '_tile_' + id });
+                            imgElement = createElement('img');
+                        }
+                        else {
+                            child.style.removeProperty('display');
+                            imgElement = child.children[0];
+                        }
+                        if (!isNewTile && imgElement && imgElement.src !== tile.src) {
+                            imgElement.src = tile.src;
+                        }
+                        child.style.position = 'absolute';
+                        child.style.left = tile.left + 'px';
+                        child.style.top = tile.top + 'px';
+                        child.style.height = tile.height + 'px';
+                        child.style.width = tile.width + 'px';
+                        if (isNewTile) {
+                            imgElement.setAttribute('height', '256px');
+                            imgElement.setAttribute('width', '256px');
+                            imgElement.setAttribute('src', tile.src);
+                            imgElement.setAttribute('alt', _this.mapObject.getLocalizedLabel('ImageNotFound'));
+                            imgElement.style.setProperty('user-select', 'none');
+                            child.appendChild(imgElement);
+                            animateElement.appendChild(child);
+                        }
+                    }
+                    else {
+                        imgElement = createElement('img');
+                        imgElement.setAttribute('height', '256px');
+                        imgElement.setAttribute('width', '256px');
+                        imgElement.setAttribute('src', tile.src);
+                        imgElement.style.setProperty('user-select', 'none');
+                        imgElement.setAttribute('alt', _this.mapObject.getLocalizedLabel('ImageNotFound'));
+                        var child = createElement('div', { id: mapId + '_tile_' + id });
+                        child.style.position = 'absolute';
+                        child.style.left = tile.left + 'px';
+                        child.style.top = tile.top + 'px';
+                        child.style.height = tile.height + 'px';
+                        child.style.width = tile.width + 'px';
+                        child.appendChild(imgElement);
+                        if (animateElement) {
+                            animateElement.appendChild(child);
+                        }
+                    }
+                    if (id === (_this.tiles.length - 1) && document.getElementById(_this.mapObject.element.id + '_animated_tiles_old')) {
+                        removeElement(_this.mapObject.element.id + '_animated_tiles_old');
+                    }
                 }
-                else {
-                    animateElement.removeChild(animateElement.children[l]);
+                if (!isNullOrUndefined(_this.mapObject.currentTiles)) {
+                    for (var l = _this.tiles.length; l < animateElement.childElementCount; l++) {
+                        var isExistingElement = false;
+                        for (var a = 0; a < _this.mapObject.currentTiles.childElementCount; a++) {
+                            if (!isExistingElement &&
+                                _this.mapObject.currentTiles.children[a].id === animateElement.children[l].id) {
+                                isExistingElement = true;
+                            }
+                        }
+                        if (isExistingElement) {
+                            animateElement.children[l].style.display = 'none';
+                        }
+                        else {
+                            animateElement.removeChild(animateElement.children[l]);
+                        }
+                    }
                 }
-            }
+            }, timeOut);
         }
     };
     /**

package/src/maps/layers/marker.d.ts

@@ -15,6 +15,11 @@ export declare class Marker {
      */
     sameMarkerData: MarkerClusterData[];
     constructor(maps: Maps);
+    /**
+     * @private
+     * @returns {Maps} - Returns the instance of the map.
+     */
+    getMapsInstance(): Maps;
     markerRender(maps: Maps, layerElement: Element, layerIndex: number, factor: number, type: string): void;
     /**
      * To find zoom level for individual layers like India, USA.

package/src/maps/layers/marker.js

@@ -14,6 +14,13 @@ var Marker = /** @class */ (function () {
         this.initialMarkerCluster = [];
         this.zoomedMarkerCluster = [];
     }
+    /**
+     * @private
+     * @returns {Maps} - Returns the instance of the map.
+     */
+    Marker.prototype.getMapsInstance = function () {
+        return this.maps;
+    };
     Marker.prototype.markerRender = function (maps, layerElement, layerIndex, factor, type) {
         var _this = this;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/maps/maps.js

@@ -235,7 +235,7 @@ var Maps = /** @class */ (function (_super) {
             this.trigger(load, { maps: this });
             this.createSVG();
             this.findBaseAndSubLayers();
-            if (!isNullOrUndefined(this.markerModule)) {
+            if (!isNullOrUndefined(this.markerModule) && this.markerModule.getMapsInstance()) {
                 this.markerModule.initializeMarkerClusterList();
             }
             this.createSecondaryElement();

package/src/maps/utils/helper.js

@@ -1953,8 +1953,8 @@ export function findMidPointOfPolygon(points, type, geometryType) {
     sum = 0.5 * sum;
     // eslint-disable-next-line @typescript-eslint/tslint/config
     var pointValue = points.some(function (point) { return point.x < 5 && point.y < 5; }) && geometryType === 'Normal' ? 6 : 4;
-    xSum = (1 / (pointValue * sum)) * xSum;
-    ySum = (1 / (pointValue * sum)) * ySum;
+    xSum = sum !== 0 ? (1 / (pointValue * sum)) * xSum : 0;
+    ySum = sum !== 0 ? (1 / (pointValue * sum)) * ySum : 0;
     /* Code for finding nearest points in polygon related to midPoint*/
     var rightMinPoint = { x: 0, y: 0 };
     var rightMaxPoint = { x: 0, y: 0 };