@syncfusion/ej2-maps 20.4.44 → 20.4.49

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

@@ -2005,7 +2005,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) {
             var leftPosition = (((mapWidth + Math.abs(mapObject.mapAreaRect.width - mapWidth)) / 2) + mapObject.mapAreaRect.x) / factor;
             var topPosition = (((mapHeight + Math.abs(mapObject.mapAreaRect.height - mapHeight)) / 2) + mapObject.mapAreaRect.y) / factor;
             var point = checkMethodeZoom ? calculateCenterFromPixel(mapObject, layer) :
@@ -2189,7 +2189,7 @@ function getZoomTranslate(mapObject, layer, animate) {
     var factor = animate ? 1 : mapObject.mapScaleValue;
     var mapWidth = Math.abs(max['x'] - min['x']);
     var mapHeight = Math.abs(min['y'] - max['y']);
-    if ((!isNullOrUndefined(longitude) && !isNullOrUndefined(latitude)) || checkZoomMethod) {
+    if (((!isNullOrUndefined(longitude) && longitude !== 0) && (!isNullOrUndefined(latitude) && latitude !== 0)) || checkZoomMethod) {
         var topPosition = ((mapHeight + Math.abs(mapObject.mapAreaRect.height - mapHeight)) / 2) / factor;
         var leftPosition = ((mapWidth + Math.abs(mapObject.mapAreaRect.width - mapWidth)) / 2) / factor;
         var point = checkZoomMethod ? calculateCenterFromPixel(mapObject, layer) :
@@ -7820,33 +7820,33 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             var bottom = void 0;
             var top_1;
             var left = void 0;
-            left = parseFloat(tileElement.style.left) + element.offsetLeft;
+            left = parseFloat(tileElement.style.left);
             var titleTextSize = measureText(this.titleSettings.text, this.titleSettings.textStyle);
             var 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_1 = parseFloat(tileElement.style.top) + element.offsetTop + (subTitleTextSize.height / 2)
+                        top_1 = parseFloat(tileElement.style.top) + (subTitleTextSize.height / 2)
                             - (this.legendModule.legendBorderRect.height / 2);
                     }
                     else {
-                        top_1 = parseFloat(tileElement.style.top) + element.offsetTop - this.mapAreaRect.y;
+                        top_1 = parseFloat(tileElement.style.top) - this.mapAreaRect.y;
                     }
                 }
                 else {
                     left = this.legendModule.legendBorderRect.x;
                     if (titleTextSize.width !== 0 && titleTextSize.height !== 0) {
-                        top_1 = parseFloat(tileElement.style.top) + element.offsetTop + (subTitleTextSize['height'] / 2)
+                        top_1 = parseFloat(tileElement.style.top) + (subTitleTextSize['height'] / 2)
                             - this.legendModule.legendBorderRect.y;
                     }
                     else {
-                        top_1 = parseFloat(tileElement.style.top) + element.offsetTop + (subTitleTextSize['height'] / 2);
+                        top_1 = parseFloat(tileElement.style.top) + (subTitleTextSize['height'] / 2);
                     }
                 }
             }
             else {
                 bottom = svg.bottom - tile.bottom - element.offsetTop;
-                top_1 = parseFloat(tileElement.style.top) + element.offsetTop;
+                top_1 = parseFloat(tileElement.style.top);
             }
             top_1 = (bottom <= 11) ? top_1 : (!isNullOrUndefined(this.legendModule) && this.legendSettings.position === 'Bottom') ? this.mapAreaRect.y : (top_1 * 2);
             left = (bottom <= 11) ? left : !isNullOrUndefined(this.legendModule) ? left : (left * 2);
@@ -7866,6 +7866,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             }
         }
         this.element.style.outline = 'none';
+        this.element.style.position = 'relative';
         for (var 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';
@@ -8043,7 +8044,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             var 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);
         }
     };
@@ -14526,6 +14527,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
             var datalabelTemplateElemement = getElementByID(maps.element.id + '_LayerIndex_'
                 + i + '_Label_Template_Group');
             if ((!isNullOrUndefined(markerTemplateElement)) && markerTemplateElement.childElementCount > 0) {
+                markerTemplateElement.style.visibility = "visible";
                 for (var k = 0; k < markerTemplateElement.childElementCount; k++) {
                     this.markerTranslate(markerTemplateElement.childNodes[k], factor, x, y, scale, 'Template');
                 }