@syncfusion/ej2-maps 21.2.3 → 21.2.5

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

@@ -1046,10 +1046,10 @@ function clusterTemplate(currentLayer, markerTemplate, maps, layerIndex, markerC
                         var ele = drawSymbols(shapeCustom['shape'], shapeCustom['imageUrl'], { x: 0, y: 0 }, clusterID, shapeCustom, markerCollection, maps);
                         ele.setAttribute('transform', 'translate( ' + tempX + ' ' + tempY + ' )');
                         if (eventArg.shape === 'Balloon') {
-                            ele.children[0].innerText = indexCollection.toString();
+                            ele.children[0].textContent = indexCollection.toString();
                         }
                         else {
-                            ele.innerText = indexCollection.toString();
+                            ele.textContent = indexCollection.toString();
                         }
                         options = new TextOption(labelID, (0), postionY, 'middle', (colloideBounds.length + 1).toString(), '', '');
                         textElement = renderTextElement(options, style, style.color, markerCollection);
@@ -1148,7 +1148,7 @@ function mergeSeparateCluster(sameMarkerData, maps, markerElement) {
     var markerEle;
     var markerDataLength = sameMarkerData[0].data.length;
     for (var i = 0; i < markerDataLength; i++) {
-        markerEle = marker.shape === 'Balloon' ? getElement(markerId + '_dataIndex_' + sameMarkerData[0].data[i]['index'] + '_Group') : getElement(markerId + '_dataIndex_' + sameMarkerData[0].data[i]['index']);
+        markerEle = marker.shape === 'Balloon' && isNullOrUndefined(marker.template) ? getElement(markerId + '_dataIndex_' + sameMarkerData[0].data[i]['index'] + '_Group') : getElement(markerId + '_dataIndex_' + sameMarkerData[0].data[i]['index']);
         markerEle['style']['visibility'] = 'hidden';
     }
     removeElement(maps.element.id + '_LayerIndex_' + layerIndex + '_MarkerIndex_' + markerIndex + '_markerClusterConnectorLine');
@@ -1177,7 +1177,7 @@ function clusterSeparate(sameMarkerData, maps, markerElement, isDom) {
     var clusterEleLabel = getElementFunction(getQueryConnect + '' + clusterId + '_datalabel_' + clusterIndex);
     clusterEle.setAttribute('visibility', 'hidden');
     clusterEleLabel.setAttribute('visibility', 'hidden');
-    var markerEle = marker.shape === 'Balloon' ? getElementFunction(getQueryConnect + '' + markerId + '_dataIndex_' + dataIndex + '_Group') : getElementFunction(getQueryConnect + '' + markerId + '_dataIndex_' + dataIndex);
+    var markerEle = marker.shape === 'Balloon' && isNullOrUndefined(marker.template) ? getElementFunction(getQueryConnect + '' + markerId + '_dataIndex_' + dataIndex + '_Group') : getElementFunction(getQueryConnect + '' + markerId + '_dataIndex_' + dataIndex);
     var height = markerEle.parentElement.id.indexOf('Template_Group') > -1 ? markerEle.getBoundingClientRect().height : marker.height;
     var width = markerEle.parentElement.id.indexOf('Template_Group') > -1 ? markerEle.getBoundingClientRect().width : marker.width;
     var centerX = +clusterEle.getAttribute('transform').split('translate(')[1].trim().split(' ')[0];
@@ -1213,7 +1213,7 @@ function clusterSeparate(sameMarkerData, maps, markerElement, isDom) {
         var x1 = centerX + radius * Math.sin((Math.PI * 2 * newAngle) / 360);
         var y1 = centerY + radius * Math.cos((Math.PI * 2 * newAngle) / 360);
         path += start + 'L ' + (x1) + ' ' + y1 + ' ';
-        markerEle = marker.shape === 'Balloon' ? getElementFunction(getQueryConnect + '' + markerId + '_dataIndex_' + sameMarkerData[0].data[i]['index'] + '_Group') : getElementFunction(getQueryConnect + '' + markerId + '_dataIndex_' + sameMarkerData[0].data[i]['index']);
+        markerEle = marker.shape === 'Balloon' && isNullOrUndefined(marker.template) ? getElementFunction(getQueryConnect + '' + markerId + '_dataIndex_' + sameMarkerData[0].data[i]['index'] + '_Group') : getElementFunction(getQueryConnect + '' + markerId + '_dataIndex_' + sameMarkerData[0].data[i]['index']);
         if (markerEle.parentElement.id.indexOf('Template_Group') > -1) {
             markerEle['style']['transform'] = '';
             markerEle['style']['left'] = maps.isTileMap ? x1 - (width / 2) + 'px' : (x1 - (width / 2) - 10) + 'px';
@@ -5498,7 +5498,7 @@ var Marker = /** @__PURE__ @class */ (function () {
                 if ((target.indexOf('_cluster_') > -1)) {
                     var isClusterSame = false;
                     var clusterElement = document.getElementById(target.indexOf('_datalabel_') > -1 ? layer.markerClusterSettings.shape === 'Balloon' ? target.split('_datalabel_')[0] + '_Group' : target.split('_datalabel_')[0] : layer.markerClusterSettings.shape === 'Balloon' ? target + '_Group' : target);
-                    var indexes = layer.markerClusterSettings.shape === 'Balloon' ? clusterElement.children[0].innerText.split(',').map(Number) : clusterElement.innerText.split(',').map(Number);
+                    var indexes = layer.markerClusterSettings.shape === 'Balloon' ? clusterElement.children[0].textContent.split(',').map(Number) : clusterElement.textContent.split(',').map(Number);
                     collection_1 = [];
                     for (var _i = 0, indexes_1 = indexes; _i < indexes_1.length; _i++) {
                         var i = indexes_1[_i];
@@ -14153,7 +14153,7 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
                     }
                 }
                 else {
-                    _this.clearTooltip();
+                    _this.clearTooltip(e.target);
                 }
             });
             if (this.svgTooltip) {
@@ -14168,7 +14168,7 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
                 });
             }
             else {
-                this.clearTooltip();
+                this.clearTooltip(e.target);
             }
         }
         else {
@@ -14178,7 +14178,7 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
                 this.maps.notify(click, this);
             }
             else {
-                this.clearTooltip();
+                this.clearTooltip(e.target);
             }
         }
     };
@@ -14237,11 +14237,14 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
         }
         return isTooltipRemoved;
     };
-    MapsTooltip.prototype.clearTooltip = function () {
-        var isTooltipRemoved = this.removeTooltip();
-        if (isTooltipRemoved) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            this.maps.clearTemplate();
+    MapsTooltip.prototype.clearTooltip = function (element) {
+        var tooltipElement = element.closest('#' + this.maps.element.id + '_mapsTooltipparent_template');
+        if (isNullOrUndefined(tooltipElement)) {
+            var isTooltipRemoved = this.removeTooltip();
+            if (isTooltipRemoved) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                this.maps.clearTemplate();
+            }
         }
     };
     // eslint-disable-next-line valid-jsdoc