@syncfusion/ej2-maps 25.1.40 → 25.2.3

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

@@ -1878,8 +1878,8 @@ function findMidPointOfPolygon(points, type, geometryType) {
     sum = 0.5 * sum;
     // eslint-disable-next-line @typescript-eslint/tslint/config
     const pointValue = points.some(point => 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*/
     let rightMinPoint = { x: 0, y: 0 };
     let rightMaxPoint = { x: 0, y: 0 };
@@ -6909,126 +6909,121 @@ class LayerPanel {
         }
     }
     arrangeTiles(type, x, y) {
+        const element = document.getElementById(this.mapObject.element.id + '_tile_parent');
+        const element1 = document.getElementById(this.mapObject.element.id + '_tiles');
         let 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(() => {
-                    this.arrangeTilesLayer(type);
-                }, timeOut);
-            }
-        }
-    }
-    arrangeTilesLayer(type) {
-        const element = document.getElementById(this.mapObject.element.id + '_tile_parent');
-        const element1 = document.getElementById(this.mapObject.element.id + '_tiles');
-        if (element) {
-            element.style.zIndex = '1';
+            timeOut = 0;
         }
-        if (element1) {
-            element1.style.zIndex = '0';
-        }
-        let 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(() => {
+                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 (let id = 0; id < this.tiles.length; id++) {
-            const tile = this.tiles[id];
-            let imgElement = null;
-            const mapId = this.mapObject.element.id;
-            if (type === 'Pan') {
-                let child = document.getElementById(mapId + '_tile_' + id);
-                let 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);
+                let 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'));
-                const 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 (let l = this.tiles.length; l < animateElement.childElementCount; l++) {
-                let isExistingElement = false;
-                for (let 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 (let id = 0; id < this.tiles.length; id++) {
+                    const tile = this.tiles[id];
+                    let imgElement = null;
+                    const mapId = this.mapObject.element.id;
+                    if (type === 'Pan') {
+                        let child = document.getElementById(mapId + '_tile_' + id);
+                        let 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'));
+                        const 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 (let l = this.tiles.length; l < animateElement.childElementCount; l++) {
+                        let isExistingElement = false;
+                        for (let 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);
         }
     }
     /**
@@ -7518,7 +7513,7 @@ let Maps = class Maps extends Component {
             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();
@@ -10366,6 +10361,13 @@ class Marker {
         this.initialMarkerCluster = [];
         this.zoomedMarkerCluster = [];
     }
+    /**
+     * @private
+     * @returns {Maps} - Returns the instance of the map.
+     */
+    getMapsInstance() {
+        return this.maps;
+    }
     markerRender(maps, layerElement, layerIndex, factor, type) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         let templateFn;
@@ -11114,7 +11116,7 @@ class DataLabel {
                 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)) {