@syncfusion/ej2-maps 20.4.44 → 20.4.49

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

@@ -1949,7 +1949,7 @@ function getTranslate(mapObject, layer, animate) {
         center = mapObject.zoomSettings.shouldZoomInitially
             && mapObject.markerZoomedState && !mapObject.zoomPersistence ? mapObject.markerZoomCenterPoint :
             mapObject.centerPosition;
-        if ((!isNullOrUndefined(centerLongitude) && !isNullOrUndefined(centerLatitude)) || checkMethodeZoom) {
+        if (((!isNullOrUndefined(centerLongitude) && centerLongitude !== 0) && (!isNullOrUndefined(centerLatitude) && centerLatitude !== 0)) || checkMethodeZoom) {
             const leftPosition = (((mapWidth + Math.abs(mapObject.mapAreaRect.width - mapWidth)) / 2) + mapObject.mapAreaRect.x) / factor;
             const topPosition = (((mapHeight + Math.abs(mapObject.mapAreaRect.height - mapHeight)) / 2) + mapObject.mapAreaRect.y) / factor;
             const point = checkMethodeZoom ? calculateCenterFromPixel(mapObject, layer) :
@@ -2133,7 +2133,7 @@ function getZoomTranslate(mapObject, layer, animate) {
     const factor = animate ? 1 : mapObject.mapScaleValue;
     const mapWidth = Math.abs(max['x'] - min['x']);
     const mapHeight = Math.abs(min['y'] - max['y']);
-    if ((!isNullOrUndefined(longitude) && !isNullOrUndefined(latitude)) || checkZoomMethod) {
+    if (((!isNullOrUndefined(longitude) && longitude !== 0) && (!isNullOrUndefined(latitude) && latitude !== 0)) || checkZoomMethod) {
         const topPosition = ((mapHeight + Math.abs(mapObject.mapAreaRect.height - mapHeight)) / 2) / factor;
         const leftPosition = ((mapWidth + Math.abs(mapObject.mapAreaRect.width - mapWidth)) / 2) / factor;
         const point = checkZoomMethod ? calculateCenterFromPixel(mapObject, layer) :
@@ -7545,33 +7545,33 @@ let Maps = class Maps extends Component {
             let bottom;
             let top;
             let left;
-            left = parseFloat(tileElement.style.left) + element.offsetLeft;
+            left = parseFloat(tileElement.style.left);
             const titleTextSize = measureText(this.titleSettings.text, this.titleSettings.textStyle);
             const subTitleTextSize = measureText(this.titleSettings.subtitleSettings.text, this.titleSettings.subtitleSettings.textStyle);
             if (this.isTileMap && this.isTileMapSubLayer && this.legendSettings.position === 'Bottom' && this.legendSettings.visible) {
                 if (this.legendSettings.mode !== 'Default') {
                     if (titleTextSize.width !== 0 && titleTextSize.height !== 0) {
-                        top = parseFloat(tileElement.style.top) + element.offsetTop + (subTitleTextSize.height / 2)
+                        top = parseFloat(tileElement.style.top) + (subTitleTextSize.height / 2)
                             - (this.legendModule.legendBorderRect.height / 2);
                     }
                     else {
-                        top = parseFloat(tileElement.style.top) + element.offsetTop - this.mapAreaRect.y;
+                        top = parseFloat(tileElement.style.top) - this.mapAreaRect.y;
                     }
                 }
                 else {
                     left = this.legendModule.legendBorderRect.x;
                     if (titleTextSize.width !== 0 && titleTextSize.height !== 0) {
-                        top = parseFloat(tileElement.style.top) + element.offsetTop + (subTitleTextSize['height'] / 2)
+                        top = parseFloat(tileElement.style.top) + (subTitleTextSize['height'] / 2)
                             - this.legendModule.legendBorderRect.y;
                     }
                     else {
-                        top = parseFloat(tileElement.style.top) + element.offsetTop + (subTitleTextSize['height'] / 2);
+                        top = parseFloat(tileElement.style.top) + (subTitleTextSize['height'] / 2);
                     }
                 }
             }
             else {
                 bottom = svg.bottom - tile.bottom - element.offsetTop;
-                top = parseFloat(tileElement.style.top) + element.offsetTop;
+                top = parseFloat(tileElement.style.top);
             }
             top = (bottom <= 11) ? top : (!isNullOrUndefined(this.legendModule) && this.legendSettings.position === 'Bottom') ? this.mapAreaRect.y : (top * 2);
             left = (bottom <= 11) ? left : !isNullOrUndefined(this.legendModule) ? left : (left * 2);
@@ -7591,6 +7591,7 @@ let Maps = class Maps extends Component {
             }
         }
         this.element.style.outline = 'none';
+        this.element.style.position = 'relative';
         for (let i = 0; i < document.getElementsByTagName('path').length - 1; i++) {
             if (document.getElementsByTagName('path')[i].id.indexOf('shapeIndex') > -1) {
                 document.getElementsByTagName('path')[i].style.outline = 'none';
@@ -7768,7 +7769,7 @@ let Maps = class Maps extends Component {
             const secondaryElement = createElement('div', {
                 id: this.element.id + '_Secondary_Element'
             });
-            secondaryElement.style.cssText = 'position: absolute;z-index:2;';
+            secondaryElement.style.cssText = 'position: relative;z-index:2;';
             this.element.appendChild(secondaryElement);
         }
     }
@@ -14197,6 +14198,7 @@ class Zoom {
             const datalabelTemplateElemement = getElementByID(maps.element.id + '_LayerIndex_'
                 + i + '_Label_Template_Group');
             if ((!isNullOrUndefined(markerTemplateElement)) && markerTemplateElement.childElementCount > 0) {
+                markerTemplateElement.style.visibility = "visible";
                 for (let k = 0; k < markerTemplateElement.childElementCount; k++) {
                     this.markerTranslate(markerTemplateElement.childNodes[k], factor, x, y, scale, 'Template');
                 }