@syncfusion/ej2-maps 25.2.4 → 26.1.35

package/src/maps/layers/marker.js

@@ -55,83 +55,85 @@ var Marker = /** @class */ (function () {
         Array.prototype.forEach.call(currentLayer.markerSettings, function (markerSettings, markerIndex) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var markerData = markerSettings.dataSource;
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            Array.prototype.forEach.call(markerData, function (data, dataIndex) {
-                maps.markerNullCount = markerIndex > 0 && dataIndex === 0 ? 0 : maps.markerNullCount;
-                var eventArgs = {
-                    cancel: false, name: markerRendering, fill: markerSettings.fill, height: markerSettings.height,
-                    width: markerSettings.width, imageUrl: markerSettings.imageUrl, shape: markerSettings.shape,
-                    template: markerSettings.template, data: data, maps: maps, marker: markerSettings,
-                    border: markerSettings.border, colorValuePath: markerSettings.colorValuePath,
-                    shapeValuePath: markerSettings.shapeValuePath, imageUrlValuePath: markerSettings.imageUrlValuePath
-                };
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                maps.trigger('markerRendering', eventArgs, function (MarkerArgs) {
-                    eventArgs = markerColorChoose(eventArgs, data);
-                    eventArgs = markerShapeChoose(eventArgs, data);
-                    var lng = (!isNullOrUndefined(markerSettings.longitudeValuePath)) ?
-                        Number(getValueFromObject(data, markerSettings.longitudeValuePath)) : !isNullOrUndefined(data['longitude']) ?
-                        parseFloat(data['longitude']) : !isNullOrUndefined(data['Longitude']) ? parseFloat(data['Longitude']) : null;
-                    var lat = (!isNullOrUndefined(markerSettings.latitudeValuePath)) ?
-                        Number(getValueFromObject(data, markerSettings.latitudeValuePath)) : !isNullOrUndefined(data['latitude']) ?
-                        parseFloat(data['latitude']) : !isNullOrUndefined(data['Latitude']) ? parseFloat(data['Latitude']) : null;
-                    var offset = markerSettings.offset;
-                    if (!eventArgs.cancel && markerSettings.visible && !isNullOrUndefined(lng) && !isNullOrUndefined(lat)) {
-                        var markerID = maps.element.id + '_LayerIndex_' + layerIndex + '_MarkerIndex_'
-                            + markerIndex + '_dataIndex_' + dataIndex;
-                        var location_1 = (maps.isTileMap) ? convertTileLatLongToPoint(new MapLocation(lng, lat), factor, maps.tileTranslatePoint, true) : convertGeoToPoint(lat, lng, factor, currentLayer, maps);
-                        if (maps.isTileMap) {
-                            translatePoint = (currentLayer.type === 'SubLayer' && isNullOrUndefined(maps.zoomModule)) ? location_1 = convertTileLatLongToPoint(new MapLocation(lng, lat), maps.tileZoomLevel, maps.tileTranslatePoint, true) : new Object();
-                        }
-                        var scale = type === 'AddMarker' ? maps.scale : translatePoint['scale'];
-                        var transPoint = type === 'AddMarker' ? maps.translatePoint : translatePoint['location'];
-                        if (eventArgs.template && (!isNaN(location_1.x) && !isNaN(location_1.y))) {
-                            markerTemplateCount++;
-                            markerTemplate(eventArgs, templateFn, markerID, data, markerIndex, markerTemplateEle, location_1, transPoint, scale, offset, maps);
-                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                            maps.renderReactTemplates();
-                        }
-                        else if (!eventArgs.template && (!isNaN(location_1.x) && !isNaN(location_1.y))) {
-                            markerCount++;
-                            marker(eventArgs, markerSettings, markerData, dataIndex, location_1, transPoint, markerID, offset, scale, maps, _this.markerSVGObject);
-                        }
-                    }
-                    nullCount += (!isNaN(lat) && !isNaN(lng)) ? 0 : 1;
-                    markerTemplateCount += (eventArgs.cancel) ? 1 : 0;
-                    markerCount += (eventArgs.cancel) ? 1 : 0;
-                    maps.markerNullCount = (isNullOrUndefined(lng) || isNullOrUndefined(lat)) ?
-                        maps.markerNullCount + 1 : maps.markerNullCount;
-                    var markerDataLength = markerData.length - maps.markerNullCount;
-                    var isMarkersClustered = false;
-                    if (_this.markerSVGObject.childElementCount === (markerDataLength - markerTemplateCount - nullCount) && (type !== 'Template')) {
-                        layerElement.appendChild(_this.markerSVGObject);
-                        if (currentLayer.markerClusterSettings.allowClustering) {
-                            maps.svgObject.appendChild(_this.markerSVGObject);
-                            maps.element.appendChild(maps.svgObject);
-                            if ((currentLayer.layerType === 'OSM' || (currentLayer.urlTemplate.indexOf('openstreetmap') !== -1 && isNullOrUndefined(currentLayer.shapeData)))
-                                && maps.zoomSettings.enable) {
-                                isMarkersClustered = clusterTemplate(currentLayer, _this.markerSVGObject, maps, layerIndex, _this.markerSVGObject, layerElement, true, false);
-                                layerElement.appendChild(_this.markerSVGObject);
+            if (!isNullOrUndefined(markerSettings.dataSource)) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                Array.prototype.forEach.call(markerData, function (data, dataIndex) {
+                    maps.markerNullCount = markerIndex > 0 && dataIndex === 0 ? 0 : maps.markerNullCount;
+                    var eventArgs = {
+                        cancel: false, name: markerRendering, fill: markerSettings.fill, height: markerSettings.height,
+                        width: markerSettings.width, imageUrl: markerSettings.imageUrl, shape: markerSettings.shape,
+                        template: markerSettings.template, data: data, maps: maps, marker: markerSettings,
+                        border: markerSettings.border, colorValuePath: markerSettings.colorValuePath,
+                        shapeValuePath: markerSettings.shapeValuePath, imageUrlValuePath: markerSettings.imageUrlValuePath
+                    };
+                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                    maps.trigger('markerRendering', eventArgs, function (MarkerArgs) {
+                        eventArgs = markerColorChoose(eventArgs, data);
+                        eventArgs = markerShapeChoose(eventArgs, data);
+                        var lng = (!isNullOrUndefined(markerSettings.longitudeValuePath)) ?
+                            Number(getValueFromObject(data, markerSettings.longitudeValuePath)) : !isNullOrUndefined(data['longitude']) ?
+                            parseFloat(data['longitude']) : !isNullOrUndefined(data['Longitude']) ? parseFloat(data['Longitude']) : null;
+                        var lat = (!isNullOrUndefined(markerSettings.latitudeValuePath)) ?
+                            Number(getValueFromObject(data, markerSettings.latitudeValuePath)) : !isNullOrUndefined(data['latitude']) ?
+                            parseFloat(data['latitude']) : !isNullOrUndefined(data['Latitude']) ? parseFloat(data['Latitude']) : null;
+                        var offset = markerSettings.offset;
+                        if (!eventArgs.cancel && markerSettings.visible && !isNullOrUndefined(lng) && !isNullOrUndefined(lat)) {
+                            var markerID = maps.element.id + '_LayerIndex_' + layerIndex + '_MarkerIndex_'
+                                + markerIndex + '_dataIndex_' + dataIndex;
+                            var location_1 = (maps.isTileMap) ? convertTileLatLongToPoint(new MapLocation(lng, lat), factor, maps.tileTranslatePoint, true) : convertGeoToPoint(lat, lng, factor, currentLayer, maps);
+                            if (maps.isTileMap) {
+                                translatePoint = (currentLayer.type === 'SubLayer' && isNullOrUndefined(maps.zoomModule)) ? location_1 = convertTileLatLongToPoint(new MapLocation(lng, lat), maps.tileZoomLevel, maps.tileTranslatePoint, true) : new Object();
                             }
-                            else {
-                                isMarkersClustered = clusterTemplate(currentLayer, _this.markerSVGObject, maps, layerIndex, _this.markerSVGObject, layerElement, true, false);
+                            var scale = type === 'AddMarker' ? maps.scale : translatePoint['scale'];
+                            var transPoint = type === 'AddMarker' ? maps.translatePoint : translatePoint['location'];
+                            if (eventArgs.template && (!isNaN(location_1.x) && !isNaN(location_1.y))) {
+                                markerTemplateCount++;
+                                markerTemplate(eventArgs, templateFn, markerID, data, markerIndex, markerTemplateEle, location_1, transPoint, scale, offset, maps);
+                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                maps.renderReactTemplates();
+                            }
+                            else if (!eventArgs.template && (!isNaN(location_1.x) && !isNaN(location_1.y))) {
+                                markerCount++;
+                                marker(eventArgs, markerSettings, markerData, dataIndex, location_1, transPoint, markerID, offset, scale, maps, _this.markerSVGObject);
                             }
-                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                            maps.renderReactTemplates();
                         }
-                    }
-                    if (markerTemplateEle.childElementCount === (markerDataLength - markerCount - nullCount) && getElementByID(maps.element.id + '_Secondary_Element')) {
-                        getElementByID(maps.element.id + '_Secondary_Element').appendChild(markerTemplateEle);
-                        if (maps.checkInitialRender) {
-                            if (currentLayer.markerClusterSettings.allowClustering && !isMarkersClustered) {
-                                clusterTemplate(currentLayer, markerTemplateEle, maps, layerIndex, _this.markerSVGObject, layerElement, false, false);
+                        nullCount += (!isNaN(lat) && !isNaN(lng)) ? 0 : 1;
+                        markerTemplateCount += (eventArgs.cancel) ? 1 : 0;
+                        markerCount += (eventArgs.cancel) ? 1 : 0;
+                        maps.markerNullCount = (isNullOrUndefined(lng) || isNullOrUndefined(lat)) ?
+                            maps.markerNullCount + 1 : maps.markerNullCount;
+                        var markerDataLength = markerData.length - maps.markerNullCount;
+                        var isMarkersClustered = false;
+                        if (_this.markerSVGObject.childElementCount === (markerDataLength - markerTemplateCount - nullCount) && (type !== 'Template')) {
+                            layerElement.appendChild(_this.markerSVGObject);
+                            if (currentLayer.markerClusterSettings.allowClustering) {
+                                maps.svgObject.appendChild(_this.markerSVGObject);
+                                maps.element.appendChild(maps.svgObject);
+                                if ((currentLayer.urlTemplate.indexOf('openstreetmap') !== -1 && isNullOrUndefined(currentLayer.shapeData))
+                                    && maps.zoomSettings.enable) {
+                                    isMarkersClustered = clusterTemplate(currentLayer, _this.markerSVGObject, maps, layerIndex, _this.markerSVGObject, layerElement, true, false);
+                                    layerElement.appendChild(_this.markerSVGObject);
+                                }
+                                else {
+                                    isMarkersClustered = clusterTemplate(currentLayer, _this.markerSVGObject, maps, layerIndex, _this.markerSVGObject, layerElement, true, false);
+                                }
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 maps.renderReactTemplates();
                             }
                         }
-                    }
+                        if (markerTemplateEle.childElementCount === (markerDataLength - markerCount - nullCount) && getElementByID(maps.element.id + '_Secondary_Element')) {
+                            getElementByID(maps.element.id + '_Secondary_Element').appendChild(markerTemplateEle);
+                            if (maps.checkInitialRender) {
+                                if (currentLayer.markerClusterSettings.allowClustering && !isMarkersClustered) {
+                                    clusterTemplate(currentLayer, markerTemplateEle, maps, layerIndex, _this.markerSVGObject, layerElement, false, false);
+                                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                    maps.renderReactTemplates();
+                                }
+                            }
+                        }
+                    });
                 });
-            });
+            }
         });
     };
     /**
@@ -159,7 +161,7 @@ var Marker = /** @class */ (function () {
         return scaleFactor;
     };
     /**
-     * To calculate center position and factor value dynamically
+     * To calculate center position and factor value dynamically.
      *
      * @param {LayerSettings[]} layersCollection - Specifies the layer settings instance.
      * @returns {void}
@@ -188,35 +190,37 @@ var Marker = /** @class */ (function () {
                         Array.prototype.forEach.call(currentLayer.markerSettings, function (markerSetting) {
                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
                             var markerData = markerSetting.dataSource;
-                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                            Array.prototype.forEach.call(markerData, function (data, dataIndex) {
-                                var latitude = !isNullOrUndefined(data['latitude']) ? parseFloat(data['latitude']) :
-                                    !isNullOrUndefined(data['Latitude']) ? parseFloat(data['Latitude']) : null;
-                                var longitude = !isNullOrUndefined(data['longitude']) ? parseFloat(data['longitude']) :
-                                    !isNullOrUndefined(data['Longitude']) ? parseFloat(data['Longitude']) : null;
-                                if (!isNullOrUndefined(latitude) && !isNullOrUndefined(longitude)) {
-                                    minLong_1 = isNullOrUndefined(minLong_1) && dataIndex === 0 ?
-                                        longitude : minLong_1;
-                                    maxLat_1 = isNullOrUndefined(maxLat_1) && dataIndex === 0 ?
-                                        latitude : maxLat_1;
-                                    minLat_1 = isNullOrUndefined(minLat_1) && dataIndex === 0 ?
-                                        latitude : minLat_1;
-                                    maxLong_1 = isNullOrUndefined(maxLong_1) && dataIndex === 0 ?
-                                        longitude : maxLong_1;
-                                    if (minLong_1 > longitude) {
-                                        minLong_1 = longitude;
-                                    }
-                                    if (minLat_1 > latitude) {
-                                        minLat_1 = latitude;
-                                    }
-                                    if (maxLong_1 < longitude) {
-                                        maxLong_1 = longitude;
-                                    }
-                                    if (maxLat_1 < latitude) {
-                                        maxLat_1 = latitude;
+                            if (!isNullOrUndefined(markerData) && markerData.length > 0) {
+                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                Array.prototype.forEach.call(markerData, function (data, dataIndex) {
+                                    var latitude = !isNullOrUndefined(data['latitude']) ? parseFloat(data['latitude']) :
+                                        !isNullOrUndefined(data['Latitude']) ? parseFloat(data['Latitude']) : null;
+                                    var longitude = !isNullOrUndefined(data['longitude']) ? parseFloat(data['longitude']) :
+                                        !isNullOrUndefined(data['Longitude']) ? parseFloat(data['Longitude']) : null;
+                                    if (!isNullOrUndefined(latitude) && !isNullOrUndefined(longitude)) {
+                                        minLong_1 = isNullOrUndefined(minLong_1) && dataIndex === 0 ?
+                                            longitude : minLong_1;
+                                        maxLat_1 = isNullOrUndefined(maxLat_1) && dataIndex === 0 ?
+                                            latitude : maxLat_1;
+                                        minLat_1 = isNullOrUndefined(minLat_1) && dataIndex === 0 ?
+                                            latitude : minLat_1;
+                                        maxLong_1 = isNullOrUndefined(maxLong_1) && dataIndex === 0 ?
+                                            longitude : maxLong_1;
+                                        if (minLong_1 > longitude) {
+                                            minLong_1 = longitude;
+                                        }
+                                        if (minLat_1 > latitude) {
+                                            minLat_1 = latitude;
+                                        }
+                                        if (maxLong_1 < longitude) {
+                                            maxLong_1 = longitude;
+                                        }
+                                        if (maxLat_1 < latitude) {
+                                            maxLat_1 = latitude;
+                                        }
                                     }
-                                }
-                            });
+                                });
+                            }
                         });
                     }
                 });
@@ -288,7 +292,7 @@ var Marker = /** @class */ (function () {
         }
     };
     /**
-     * To check and trigger marker click event
+     * To check and trigger marker click event.
      *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
@@ -350,7 +354,7 @@ var Marker = /** @class */ (function () {
         }
     };
     /**
-     * To check and trigger Cluster click event
+     * To check and trigger Cluster click event.
      *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
@@ -389,7 +393,7 @@ var Marker = /** @class */ (function () {
         this.maps.trigger(markerClusterClick, eventArgs);
     };
     /**
-     * To get marker from target id
+     * To get marker from target id.
      *
      * @param {string} target - Specifies the target
      * @returns {object} - Returns the marker, data, clusterCollection, markCollection
@@ -445,7 +449,7 @@ var Marker = /** @class */ (function () {
         return null;
     };
     /**
-     * To check and trigger marker move event
+     * To check and trigger marker move event.
      *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
@@ -471,7 +475,7 @@ var Marker = /** @class */ (function () {
         this.maps.trigger(markerMouseMove, eventArgs);
     };
     /**
-     * To check and trigger cluster move event
+     * To check and trigger cluster move event.
      *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
@@ -495,8 +499,8 @@ var Marker = /** @class */ (function () {
         };
         this.maps.trigger(markerClusterMouseMove, eventArgs);
     };
-    /** @private
-     *
+    /**
+     * @private
      * @returns {void}
      */
     Marker.prototype.initializeMarkerClusterList = function () {

package/src/maps/layers/navigation-selected-line.d.ts

@@ -7,7 +7,7 @@ export declare class NavigationLine {
     private maps;
     constructor(maps: Maps);
     /**
-     * To render navigation line for maps
+     * To render navigation line for maps.
      *
      * @param {LayerSettings} layer - Specifies the layer instance to which the navigation line is to be rendered.
      * @param {number} factor - Specifies the current zoom factor of the Maps.

package/src/maps/layers/navigation-selected-line.js

@@ -9,7 +9,7 @@ var NavigationLine = /** @class */ (function () {
         this.maps = maps;
     }
     /**
-     * To render navigation line for maps
+     * To render navigation line for maps.
      *
      * @param {LayerSettings} layer - Specifies the layer instance to which the navigation line is to be rendered.
      * @param {number} factor - Specifies the current zoom factor of the Maps.
@@ -61,7 +61,7 @@ var NavigationLine = /** @class */ (function () {
                 dashArray = navigation[i].dashArray;
                 arrowSettings = navigation[i].arrowSettings;
                 showArrow = !isNullOrUndefined(arrowSettings) ? arrowSettings.showArrow : false;
-                if (longitude.length === latitude.length && visible) {
+                if (!isNullOrUndefined(longitude) && !isNullOrUndefined(latitude) && longitude.length === latitude.length && visible) {
                     for (var i_1 = 0; i_1 < longitude.length; i_1++) {
                         var location_1 = (this.maps.isTileMap) ? convertTileLatLongToPoint(new Point(longitude[i_1], latitude[i_1]), factor, this.maps.tileTranslatePoint, true) : convertGeoToPoint(latitude[i_1], longitude[i_1], factor, layer, this.maps);
                         point.push(location_1);

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

@@ -5,7 +5,7 @@ import { Maps } from '../../index';
 export declare class Polygon {
     constructor(maps: Maps);
     /**
-     * To render polygon for maps
+     * To render polygon for maps.
      *
      * @param {Maps} maps - Specifies the layer instance to which the polygon is to be rendered.
      * @param {number} layerIndex -Specifies the index of current layer.

package/src/maps/layers/polygon.js

@@ -1,3 +1,4 @@
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import { PathOption, calculatePolygonPath, maintainSelection } from '../utils/helper';
 /**
  * When injected, this module will be used to render polygon shapes over the Maps.
@@ -10,7 +11,7 @@ var Polygon = /** @class */ (function () {
     /* eslint-enable @typescript-eslint/no-unused-vars */
     /* eslint-enable @typescript-eslint/no-empty-function */
     /**
-     * To render polygon for maps
+     * To render polygon for maps.
      *
      * @param {Maps} maps - Specifies the layer instance to which the polygon is to be rendered.
      * @param {number} layerIndex -Specifies the index of current layer.
@@ -28,12 +29,14 @@ var Polygon = /** @class */ (function () {
                 id: maps.element.id + '_LayerIndex_' + layerIndex + '_Polygons_Group_' + polygonIndex
             });
             var polygonData = polygonSetting.points;
-            var path = calculatePolygonPath(maps, factor, currentLayer, polygonData);
-            var pathOptions = new PathOption(maps.element.id + '_LayerIndex_' + layerIndex + '_PolygonIndex_' + polygonIndex, polygonSetting.fill, (polygonSetting.borderWidth / factor), polygonSetting.borderColor, polygonSetting.opacity, polygonSetting.borderOpacity, '', path);
-            var polygonEle = maps.renderer.drawPath(pathOptions);
-            maintainSelection(maps.selectedPolygonElementId, maps.polygonSelectionClass, polygonEle, 'PolygonselectionMapStyle');
-            polygonSVGObject.appendChild(polygonEle);
-            polygonsSVGObject.appendChild(polygonSVGObject);
+            if (!isNullOrUndefined(polygonSetting.points) && polygonSetting.points.length > 0) {
+                var path = calculatePolygonPath(maps, factor, currentLayer, polygonData);
+                var pathOptions = new PathOption(maps.element.id + '_LayerIndex_' + layerIndex + '_PolygonIndex_' + polygonIndex, polygonSetting.fill, (polygonSetting.borderWidth / factor), polygonSetting.borderColor, polygonSetting.opacity, polygonSetting.borderOpacity, '', path);
+                var polygonEle = maps.renderer.drawPath(pathOptions);
+                maintainSelection(maps.selectedPolygonElementId, maps.polygonSelectionClass, polygonEle, 'PolygonselectionMapStyle');
+                polygonSVGObject.appendChild(polygonEle);
+                polygonsSVGObject.appendChild(polygonSVGObject);
+            }
         });
         return polygonsSVGObject;
     };

package/src/maps/maps.d.ts

@@ -519,7 +519,7 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      */
     intl: Internationalization;
     /**
-     * Check layer whether is geometry or tile
+     * Check layer whether is geometry or tile.
      *
      * @private
      */
@@ -709,7 +709,7 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     /** @private */
     toggledLegendId: number[];
     /** @private */
-    toggledShapeElementId: string[];
+    toggledElementId: string[];
     /** @private */
     checkInitialRender: boolean;
     /** @private */
@@ -745,14 +745,14 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     /** @private */
     markerDragArgument: any;
     /**
-     * Constructor for creating the widget
+     * Constructor for creating the widget.
      *
      * @param {MapsModel} options Specifies the options
      * @param {string | HTMLElement} element Specifies the element
      */
     constructor(options?: MapsModel, element?: string | HTMLElement);
     /**
-     * To manage persist maps data
+     * To manage persist maps data.
      *
      * @returns {void}
      */
@@ -794,7 +794,7 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     private renderMap;
     private triggerZoomEvent;
     /**
-     * To apply color to the initial selected marker
+     * To apply color to the initial selected marker.
      *
      * @param {SelectionSettingsModel} selectionSettings - Specifies the selection settings
      * @param {Maps} map - Specifies the instance of the maps
@@ -805,7 +805,7 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      */
     markerSelection(selectionSettings: SelectionSettingsModel, map: Maps, targetElement: Element, data: object): void;
     /**
-     * initial selection of marker
+     * initial selection of marker.
      *
      * @param {number} layerIndex - Specifies the layer index
      * @param {number} markerIndex - Specifies the marker index
@@ -817,13 +817,13 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      */
     markerInitialSelection(layerIndex: number, markerIndex: number, markerSettings: MarkerSettingsModel, latitude: number, longitude: number): void;
     /**
-     * Render the map area border
+     * Render the map area border.
      *
      * @returns {void}
      */
     private renderArea;
     /**
-     * To add tab index for map element
+     * To add tab index for map element.
      *
      * @returns {void}
      */
@@ -849,14 +849,14 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     private initPrivateVariable;
     private findBaseAndSubLayers;
     /**
-     * Render the map border
+     * Render the map border.
      *
      * @private
      * @returns {void}
      */
     private renderBorder;
     /**
-     * Render the title and subtitle
+     * Render the title and subtitle.
      *
      * @param {TitleSettingsModel} title - Specifies the title
      * @param {string} type - Specifies the type
@@ -867,13 +867,13 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      */
     private renderTitle;
     /**
-     * To create svg element for maps
+     * To create svg element for maps.
      *
      * @returns {void}
      */
     private createSVG;
     /**
-     * To Remove the SVG
+     * To Remove the SVG.
      *
      * @returns {void}
      */
@@ -921,7 +921,7 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     private triggerShapeSelection;
     private getMarkerClickLocation;
     /**
-     * Gets the location of the mouse click
+     * Gets the location of the mouse click.
      *
      * @param {string} targetId - Specifies the ID for the target.
      * @param {number} pageX - Defines the page X position.
@@ -930,10 +930,8 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      * @param  {number} x - Defines the x position in pixel.
      * @param {number} y - Defines the y position in pixel.
      * @param {string} type -  Specifies the type.
-     * @returns {GeoPosition} -  Returns the position of the event
-     *
+     * @returns {GeoPosition} -  Returns the position of the event.
      * @private
-     *
      */
     getClickLocation(targetId: string, pageX: number, pageY: number, targetElement: HTMLElement, x: number, y: number, type?: string): GeoPosition;
     private removeTileMap;
@@ -1017,7 +1015,7 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     /**
      * This method is used to add the layers dynamically to the maps.
      *
-     * @param {Object} layer - Specifies the layer to be added in the maps.
+     * @param {object} layer - Specifies the layer to be added in the maps.
      * @returns {void}
      */
     addLayer(layer: Object): void;
@@ -1083,7 +1081,7 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      */
     destroy(): void;
     /**
-     * Gets component name
+     * Gets component name.
      *
      * @returns {string} - Returns the string value
      * @private
@@ -1106,44 +1104,44 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      */
     onPropertyChanged(newProp: MapsModel, oldProp: MapsModel): void;
     /**
-     * To provide the array of modules needed for maps rendering
+     * To provide the array of modules needed for maps rendering.
      *
      * @returns {ModuleDeclaration[]} - Returns the modules
      * @private
      */
     requiredModules(): ModuleDeclaration[];
     /**
-     * To find marker visibility
+     * To find marker visibility.
      *
      * @returns {boolean} - Returns whether the markers are visible or not.
      */
     private isMarkersVisible;
     /**
-     * To find DataLabel visibility
+     * To find DataLabel visibility.
      *
      * @returns {boolean} - Returns whether the data labels are visible or not.
      */
     private isDataLabelVisible;
     /**
-     * To find navigation line visibility
+     * To find navigation line visibility.
      *
      * @returns {boolean} - Returns whether the navigation lines are visible or not.
      */
     private isNavigationVisible;
     /**
-     * To find navigation line visibility
+     * To find navigation line visibility.
      *
      * @returns {boolean} - Returns whether the navigation lines are visible or not.
      */
     private isPolygonVisible;
     /**
-     * To find marker visibility
+     * To find marker visibility.
      *
      * @returns {boolean} - Returns whether the bubble is visible or not.
      */
     private isBubbleVisible;
     /**
-     * To find the bubble visibility from layer
+     * To find the bubble visibility from layer.
      *
      * @param {LayerSettingsModel} layer - Spcifies the layer settings model
      * @returns {boolean} - Returns the boolean value
@@ -1209,7 +1207,7 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      *
      * @param {number} pageX - Specifies the x position value in pixels.
      * @param {number} pageY - Specifies the y position value in pixels.
-     * @returns {Object} - Returns the latitude and longitude values.
+     * @returns {object} - Returns the latitude and longitude values.
      */
     pointToLatLong(pageX: number, pageY: number): Object;
 }