@syncfusion/ej2-maps 25.1.40 → 25.2.3

package/dist/es6/ej2-maps.es5.js

@@ -1935,8 +1935,8 @@ 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 };
@@ -7180,126 +7180,121 @@ var LayerPanel = /** @__PURE__ @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';
+            timeOut = 0;
         }
-        if (element1) {
-            element1.style.zIndex = '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';
+            setTimeout(function () {
+                if (element) {
+                    element.style.zIndex = '1';
                 }
-                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');
+                if (element1) {
+                    element1.style.zIndex = '0';
                 }
-                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);
+                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);
                 }
-            }
-            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');
-            }
-        }
-        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);
         }
     };
     /**
@@ -7813,7 +7808,7 @@ var Maps = /** @__PURE__ @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();
@@ -10693,6 +10688,13 @@ var Marker = /** @__PURE__ @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
@@ -11446,7 +11448,7 @@ var DataLabel = /** @__PURE__ @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)) {