@syncfusion/ej2-maps 19.4.55 → 19.4.56-105067

package/helper/e2e/index.js

@@ -1,8 +1,8 @@
 define(["require", "exports", "./maps-helper"], function (require, exports, maps_helper_1) {
     "use strict";
-    function __export(m) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
     Object.defineProperty(exports, "__esModule", { value: true });
     __export(maps_helper_1);
 });

package/helper/e2e/maps-helper.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });

package/license

@@ -1,10 +1,10 @@
-Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
-
-To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
-
-Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
-
-Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
-
-The Syncfusion license that contains the terms and conditions can be found at 
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+
+The Syncfusion license that contains the terms and conditions can be found at 
 https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/package.json

@@ -1,85 +1,85 @@
-{
-  "_from": "@syncfusion/ej2-maps@*",
-  "_id": "@syncfusion/ej2-maps@19.4.53",
-  "_inBundle": false,
-  "_integrity": "sha512-iKmlZs4Jk3Ham1nZcEED796tj4trxggyWDRFZaeoVffVMBcmk1eR0q0guoxl6jInRjI47uVY5TWxM/ZkTlvhCQ==",
-  "_location": "/@syncfusion/ej2-maps",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-maps@*",
-    "name": "@syncfusion/ej2-maps",
-    "escapedName": "@syncfusion%2fej2-maps",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-maps",
-    "/@syncfusion/ej2-react-maps",
-    "/@syncfusion/ej2-vue-maps"
-  ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-19.4.53.tgz",
-  "_shasum": "4d8d8af62e877d87dfdda1b5ffcfdb03d90a8122",
-  "_spec": "@syncfusion/ej2-maps@*",
-  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-buttons": "~19.4.55",
-    "@syncfusion/ej2-compression": "~19.4.52",
-    "@syncfusion/ej2-data": "~19.4.54",
-    "@syncfusion/ej2-file-utils": "~19.4.52",
-    "@syncfusion/ej2-pdf-export": "~19.4.52",
-    "@syncfusion/ej2-svg-base": "~19.4.52"
-  },
-  "deprecated": false,
-  "description": "The Maps component is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options",
-  "devDependencies": {},
-  "es2015": "./dist/es6/ej2-maps.es2015.js",
-  "homepage": "https://github.com/syncfusion/ej2-javascript-ui-controls#readme",
-  "keywords": [
-    "ej2",
-    "syncfusion",
-    "web-components",
-    "ej2-maps",
-    "typescript",
-    "maps",
-    "shape-data",
-    "OSM",
-    "projection",
-    "bubble",
-    "color-mapping",
-    "marker",
-    "data-label",
-    "navigation-line",
-    "legend",
-    "tooltip",
-    "zooming",
-    "panning",
-    "drilldown",
-    "annotation",
-    "custom-shapes"
-  ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-maps.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-maps",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
-  },
-  "typings": "index.d.ts",
-  "version": "19.4.55",
-  "sideEffects": false
-}
+{
+    "_from": "@syncfusion/ej2-maps@*",
+    "_id": "@syncfusion/ej2-maps@19.4.55",
+    "_inBundle": false,
+    "_integrity": "sha512-q9a3UHN4IPE+Dj7luY6xOJVNcEKEpTSLOkaXdJdNxCf883wYbcX5oTu88Ab2Pbj8tIPwPJuvt5bt8b7bfBPJ/A==",
+    "_location": "/@syncfusion/ej2-maps",
+    "_phantomChildren": {},
+    "_requested": {
+      "type": "range",
+      "registry": true,
+      "raw": "@syncfusion/ej2-maps@*",
+      "name": "@syncfusion/ej2-maps",
+      "escapedName": "@syncfusion%2fej2-maps",
+      "scope": "@syncfusion",
+      "rawSpec": "*",
+      "saveSpec": null,
+      "fetchSpec": "*"
+    },
+    "_requiredBy": [
+      "/",
+      "/@syncfusion/ej2",
+      "/@syncfusion/ej2-angular-maps",
+      "/@syncfusion/ej2-react-maps",
+      "/@syncfusion/ej2-vue-maps"
+    ],
+    "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-19.4.55.tgz",
+    "_shasum": "68aeba0a91caa2c3c4aa2d6d01c2bc2e163e692c",
+    "_spec": "@syncfusion/ej2-maps@*",
+    "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
+    "author": {
+      "name": "Syncfusion Inc."
+    },
+    "bugs": {
+      "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
+    },
+    "bundleDependencies": false,
+    "dependencies": {
+      "@syncfusion/ej2-base": "~19.4.52",
+      "@syncfusion/ej2-buttons": "~19.4.55",
+      "@syncfusion/ej2-compression": "~19.4.52",
+      "@syncfusion/ej2-data": "~19.4.54",
+      "@syncfusion/ej2-file-utils": "~19.4.52",
+      "@syncfusion/ej2-pdf-export": "~19.4.52",
+      "@syncfusion/ej2-svg-base": "~19.4.52"
+    },
+    "deprecated": false,
+    "description": "The Maps component is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options",
+    "devDependencies": {},
+    "es2015": "./dist/es6/ej2-maps.es2015.js",
+    "homepage": "https://github.com/syncfusion/ej2-javascript-ui-controls#readme",
+    "keywords": [
+      "ej2",
+      "syncfusion",
+      "web-components",
+      "ej2-maps",
+      "typescript",
+      "maps",
+      "shape-data",
+      "OSM",
+      "projection",
+      "bubble",
+      "color-mapping",
+      "marker",
+      "data-label",
+      "navigation-line",
+      "legend",
+      "tooltip",
+      "zooming",
+      "panning",
+      "drilldown",
+      "annotation",
+      "custom-shapes"
+    ],
+    "license": "SEE LICENSE IN license",
+    "main": "./dist/ej2-maps.umd.min.js",
+    "module": "./index.js",
+    "name": "@syncfusion/ej2-maps",
+    "repository": {
+      "type": "git",
+      "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
+    },
+    "typings": "index.d.ts",
+    "version": "19.4.56-105067",
+    "sideEffects": false
+  }

package/src/maps/layers/bing-map.d.ts

@@ -13,4 +13,8 @@ export declare class BingMap {
     maxZoom: string;
     constructor(maps: Maps);
     getBingMap(tile: Tile, key: string, type: BingMapType, language: string, imageUrl: string, subDomains: string[]): string;
+    /**
+     * @private
+     */
+    destroy(): void;
 }

package/src/maps/layers/bing-map.js

@@ -1,3 +1,4 @@
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 /**
  * Bing map src doc
  */
@@ -19,9 +20,21 @@ var BingMap = /** @class */ (function () {
             }
             quadKey = quadKey + '' + digit;
         }
-        var subDomain = subDomains[Math.min(parseInt(quadKey.substr(quadKey.length - 1, 1), 10), subDomains.length)];
-        imageUrl = imageUrl.replace('{quadkey}', quadKey).replace('{subdomain}', subDomain);
-        return imageUrl += '&mkt=' + language + '&ur=IN&Key=' + key;
+        if (!isNullOrUndefined(subDomains)) {
+            var subDomain = subDomains[Math.min(parseInt(quadKey.substr(quadKey.length - 1, 1), 10), subDomains.length)];
+            imageUrl = imageUrl.replace('{quadkey}', quadKey).replace('{subdomain}', subDomain);
+            return imageUrl += '&mkt=' + language + '&ur=IN&Key=' + key;
+        }
+        else {
+            return '';
+        }
+    };
+    /**
+     * @private
+     */
+    BingMap.prototype.destroy = function () {
+        this.maps = null;
+        this.subDomains = [];
     };
     return BingMap;
 }());

package/src/maps/layers/bubble.d.ts

@@ -50,9 +50,8 @@ export declare class Bubble {
     /**
      * To destroy the bubble.
      *
-     * @param {Maps} maps - Specifies the instance of the maps.
      * @returns {void}
      * @private
      */
-    destroy(maps: Maps): void;
+    destroy(): void;
 }

package/src/maps/layers/bubble.js

@@ -65,12 +65,8 @@ var Bubble = /** @class */ (function () {
                 isNaN(shapeData[layer.shapeDataPath]) ? shapeData[layer.shapeDataPath].toLowerCase() : shapeData[layer.shapeDataPath];
             var shapePathValue = !isNullOrUndefined(shape[shapePath]) && isNaN(shape[shapePath])
                 ? shape[shapePath].toLowerCase() : shape[shapePath];
-            if (shapeDataLayerPathValue === shapePathValue && layerData[i].type !== 'LineString') {
-                if (layerData[i]['type'] === 'Point') {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    shapePoints.push(this.getPoints(layerData[i], []));
-                }
-                else if (!layerData[i]['_isMultiPolygon']) {
+            if (shapeDataLayerPathValue === shapePathValue && (layerData[i].type !== 'LineString' && layerData[i].type !== 'MultiLineString' && layerData[i]['type'] !== 'Point' && layerData[i]['type'] !== 'MultiPoint')) {
+                if (!layerData[i]['_isMultiPolygon']) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     shapePoints.push(this.getPoints(layerData[i], []));
                     currentLength = shapePoints[shapePoints.length - 1].length;
@@ -154,7 +150,7 @@ var Bubble = /** @class */ (function () {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var translate;
                 var animate = layer.animationDuration !== 0 || isNullOrUndefined(_this.maps.zoomModule);
-                if (_this.maps.zoomSettings.zoomFactor > 1 && !isNullOrUndefined(_this.maps.zoomModule)) {
+                if (_this.maps.zoomSettings.zoomFactor > 1 && !isNullOrUndefined(_this.maps.zoomModule) && !_this.maps.isTileMap) {
                     translate = getZoomTranslate(_this.maps, layer, animate);
                 }
                 else {
@@ -271,14 +267,13 @@ var Bubble = /** @class */ (function () {
     /**
      * To destroy the bubble.
      *
-     * @param {Maps} maps - Specifies the instance of the maps.
      * @returns {void}
      * @private
      */
-    Bubble.prototype.destroy = function (maps) {
-        /**
-         * Destroy method performed here
-         */
+    Bubble.prototype.destroy = function () {
+        this.bubbleCollection = [];
+        //TODO: Calling the below code throws spec issue.
+        //this.maps = null;
     };
     return Bubble;
 }());

package/src/maps/layers/data-label.d.ts

@@ -5,7 +5,6 @@ import { LayerSettings } from '../index';
  */
 export declare class DataLabel {
     private maps;
-    private dataLabelObject;
     /**
      * Datalabel collections
      *
@@ -37,11 +36,9 @@ export declare class DataLabel {
      */
     protected getModuleName(): string;
     /**
-     * To destroy the layers.
      *
-     * @param {Maps} maps - Specifies the instance of the maps.
      * @returns {void}
      * @private
      */
-    destroy(maps: Maps): void;
+    destroy(): void;
 }

package/src/maps/layers/data-label.js

@@ -98,7 +98,7 @@ var DataLabel = /** @class */ (function () {
         var shapeWidth;
         var scaleZoomValue = !isNullOrUndefined(this.maps.scale) ? Math.floor(this.maps.scale) : 1;
         var zoomLabelsPosition = this.maps.zoomSettings.enable ? !isNullOrUndefined(this.maps.zoomShapeCollection) &&
-            this.maps.zoomShapeCollection.length > 0 : this.maps.zoomSettings.enable;
+            this.maps.zoomShapeCollection.length > 0 && !this.maps.isAddLayer : this.maps.zoomSettings.enable;
         this.maps.translateType = 'labels';
         for (var j = 0; j < properties.length; j++) {
             if (shapeProperties[properties[j]]) {
@@ -116,7 +116,7 @@ var DataLabel = /** @class */ (function () {
         layer.dataSource, layer.shapeDataPath, shapeData['properties'][propertyPath], layer.shapeDataPath);
         if (!isNullOrUndefined(shapes['property'])) {
             shapePoint = [[]];
-            if (!layerData[index]['_isMultiPolygon'] && layerData[index]['type'] !== 'Point') {
+            if (!layerData[index]['_isMultiPolygon'] && layerData[index]['type'] !== 'Point' && layerData[index]['type'] !== 'MultiPoint') {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 shapePoint.push(this.getPoint(layerData[index], []));
                 currentLength = shapePoint[shapePoint.length - 1].length;
@@ -125,21 +125,9 @@ var DataLabel = /** @class */ (function () {
                     midIndex = shapePoint.length - 1;
                 }
             }
-            else {
+            else if (layerData[index]['type'] !== 'Point' && layerData[index]['type'] !== 'MultiPoint') {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var layer_1 = layerData[index];
-                if (layer_1['type'] === 'Point') {
-                    isPoint = true;
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    var layerPoints = [];
-                    layerPoints.push(this.getPoint(layerData, []));
-                    shapePoint = layerPoints;
-                    currentLength = shapePoint[shapePoint.length - 1].length;
-                    if (pointsLength < currentLength) {
-                        pointsLength = currentLength;
-                        midIndex = shapePoint.length - 1;
-                    }
-                }
                 for (var j = 0; j < layer_1.length; j++) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     shapePoint.push(this.getPoint(layer_1[j], []));
@@ -210,7 +198,7 @@ var DataLabel = /** @class */ (function () {
             var eventargs_1 = {
                 name: dataLabelRendering, maps: this.maps, cancel: false, border: { color: dataLabel.border.color,
                     width: dataLabel.border.width, opacity: dataLabel.border.opacity }, datalabel: dataLabel,
-                fill: dataLabel.fill, template: dataLabel.template, text: text
+                fill: dataLabel.fill, template: dataLabel.template, text: text, offsetX: 0, offsetY: 0
             };
             this.maps.trigger('dataLabelRendering', eventargs_1, function (labelArgs) {
                 if (eventargs_1.cancel) {
@@ -256,13 +244,13 @@ var DataLabel = /** @class */ (function () {
                 _this.value[index] = { rightWidth: xpositionEnds, leftWidth: xpositionStart, heightTop: start, heightBottom: end };
                 var labelElement;
                 if (eventargs_1.template !== '') {
-                    templateFn = getTemplateFunction(eventargs_1.template);
+                    templateFn = getTemplateFunction(eventargs_1.template, _this.maps);
                     var templateElement = templateFn ? templateFn(!isNullOrUndefined(datasrcObj) ?
                         datasrcObj : shapeData['properties'], _this.maps, eventargs_1.template, _this.maps.element.id + '_LabelTemplate', false) : document.createElement('div');
                     templateElement.innerHTML = !templateFn ? eventargs_1.template : '';
                     labelElement = convertElementFromLabel(templateElement, labelId, !isNullOrUndefined(datasrcObj) ? datasrcObj : shapeData['properties'], index, _this.maps);
-                    labelElement.style.left = ((Math.abs(_this.maps.baseMapRectBounds['min']['x'] - location['x'])) * scale) + 'px';
-                    labelElement.style.top = ((Math.abs(_this.maps.baseMapRectBounds['min']['y'] - location['y'])) * scale) + 'px';
+                    labelElement.style.left = ((Math.abs(_this.maps.baseMapRectBounds['min']['x'] - location['x'])) * scale) + labelArgs.offsetX + 'px';
+                    labelElement.style.top = ((Math.abs(_this.maps.baseMapRectBounds['min']['y'] - location['y'])) * scale) + labelArgs.offsetY + 'px';
                     labelTemplateElement.appendChild(labelElement);
                 }
                 else {
@@ -350,26 +338,26 @@ var DataLabel = /** @class */ (function () {
                                 y = ((location['y'] + transPoint['y']) * scale) - textSize['height'] / 2;
                             }
                             border_1.opacity = isNullOrUndefined(border_1.opacity) ? opacity : border_1.opacity;
-                            var rectOptions = new RectOption(_this.maps.element.id + '_LayerIndex_' + layerIndex + '_shapeIndex_' + index + '_rectIndex_' + index, fill, border_1, opacity, new Rect(x, y, textSize['width'], textSize['height']), rx, ry);
+                            var rectOptions = new RectOption(_this.maps.element.id + '_LayerIndex_' + layerIndex + '_shapeIndex_' + index + '_rectIndex_' + index, fill, border_1, opacity, new Rect((x + labelArgs.offsetX), (y + labelArgs.offsetY), textSize['width'], textSize['height']), rx, ry);
                             var rect = _this.maps.renderer.drawRectangle(rectOptions);
                             group.appendChild(rect);
                         }
                     }
                     element = renderTextElement(options, style, style.color || _this.maps.themeStyle.dataLabelFontColor, group);
                     if (zoomLabelsPosition && scaleZoomValue > 1 && !_this.maps.zoomNotApplied) {
-                        element.setAttribute('transform', 'translate( ' + ((location['x'])) + ' '
-                            + (((location['y']))) + ' )');
+                        element.setAttribute('transform', 'translate( ' + ((location['x'] + labelArgs.offsetX)) + ' '
+                            + (((location['y'] + labelArgs.offsetY))) + ' )');
                         location['x'] = locationX;
                         location['y'] = locationY;
                     }
                     else {
-                        element.setAttribute('transform', 'translate( ' + ((location['x'] + transPoint.x) * scale) + ' '
-                            + (((location['y'] + transPoint.y) * scale) + (elementSize.height / 4)) + ' )');
+                        element.setAttribute('transform', 'translate( ' + (((location['x'] + transPoint.x) * scale) + labelArgs.offsetX) + ' '
+                            + ((((location['y'] + transPoint.y) * scale) + (elementSize.height / 4)) + labelArgs.offsetY) + ' )');
                     }
                     group.appendChild(element);
                 }
                 _this.dataLabelCollections.push({
-                    location: { x: location['x'], y: location['y'] },
+                    location: { x: location['x'] + labelArgs.offsetX, y: location['y'] + labelArgs.offsetY },
                     element: isNullOrUndefined(labelElement) ? element : labelElement,
                     layerIndex: layerIndex,
                     shapeIndex: sublayerIndexLabel ? oldIndex : index,
@@ -386,10 +374,21 @@ var DataLabel = /** @class */ (function () {
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     DataLabel.prototype.getPoint = function (shapes, points) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        shapes.map(function (current, index) {
-            points.push(new Point(current['point']['x'], current['point']['y']));
-        });
+        if (shapes['type'] === 'MultiLineString') {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            shapes.map(function (current) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                current.map(function (shape) {
+                    points.push(new Point(shape['point']['x'], shape['point']['y']));
+                });
+            });
+        }
+        else {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            shapes.map(function (current, index) {
+                points.push(new Point(current['point']['x'], current['point']['y']));
+            });
+        }
         return points;
     };
     /**
@@ -401,16 +400,14 @@ var DataLabel = /** @class */ (function () {
         return 'DataLabel';
     };
     /**
-     * To destroy the layers.
      *
-     * @param {Maps} maps - Specifies the instance of the maps.
      * @returns {void}
      * @private
      */
-    DataLabel.prototype.destroy = function (maps) {
-        /**
-         * Destroy method performed here
-         */
+    DataLabel.prototype.destroy = function () {
+        this.dataLabelCollections = [];
+        this.value = null;
+        this.maps = null;
     };
     return DataLabel;
 }());

package/src/maps/layers/layer-panel.d.ts

@@ -14,7 +14,6 @@ export declare class LayerPanel {
     private rectBounds;
     tiles: Tile[];
     private clipRectElement;
-    private layerGroup;
     private urlTemplate;
     private isMapCoordinates;
     private tileSvgObject;
@@ -25,6 +24,7 @@ export declare class LayerPanel {
     private animateToZoomY;
     horizontalPan: boolean;
     horizontalPanXCount: number;
+    layerGroup: Element;
     constructor(map: Maps);
     measureLayerPanel(): void;
     /**
@@ -39,8 +39,20 @@ export declare class LayerPanel {
      */
     renderTileLayer(panel: LayerPanel, layer: LayerSettings, layerIndex: number, bing?: BingMap): void;
     protected processLayers(layer: LayerSettings, layerIndex: number): void;
+    private bingMapCalculation;
     private bubbleCalculation;
     calculatePathCollection(layerIndex: number, renderData: any[]): void;
+    /**
+     * layer features as bubble, marker, datalabel, navigation line.
+     *
+     * @param {groupElement} Element - Specifies the element to append the group
+     * @param {pathEle} Element - Specifies the svg element
+     * @param {drawingType} string - Specifies the data type
+     * @param {currentShapeData} any - Specifies the layer of shapedata.
+     * @param {index} number - Specifies the tab index.
+     * @returns {void}
+     */
+    private pathAttributeCalculate;
     /**
      * layer features as bubble, marker, datalabel, navigation line.
      *
@@ -131,4 +143,9 @@ export declare class LayerPanel {
      * @returns {Point} - Returns point values
      */
     private panTileMap;
+    /**
+     * @returns {void}
+     * @private
+     */
+    destroy(): void;
 }