@syncfusion/ej2-maps 25.2.4 → 26.1.35

package/src/maps/maps.js

@@ -52,7 +52,7 @@ import { DataManager, Query } from '@syncfusion/ej2-data';
 var Maps = /** @class */ (function (_super) {
     __extends(Maps, _super);
     /**
-     * Constructor for creating the widget
+     * Constructor for creating the widget.
      *
      * @param {MapsModel} options Specifies the options
      * @param {string | HTMLElement} element Specifies the element
@@ -60,7 +60,7 @@ var Maps = /** @class */ (function (_super) {
     function Maps(options, element) {
         var _this = _super.call(this, options, element) || this;
         /**
-         * Check layer whether is geometry or tile
+         * Check layer whether is geometry or tile.
          *
          * @private
          */
@@ -132,7 +132,7 @@ var Maps = /** @class */ (function (_super) {
         /** @private */
         _this.toggledLegendId = [];
         /** @private */
-        _this.toggledShapeElementId = [];
+        _this.toggledElementId = [];
         /** @private */
         _this.checkInitialRender = true;
         /** @private */
@@ -174,7 +174,7 @@ var Maps = /** @class */ (function (_super) {
         configurable: true
     });
     /**
-     * To manage persist maps data
+     * To manage persist maps data.
      *
      * @returns {void}
      */
@@ -332,7 +332,7 @@ var Maps = /** @class */ (function (_super) {
                     _loop_2(i);
                 }
             }
-            if (layer.dataSource instanceof MapAjax || !isNullOrUndefined(layer.dataSource['dataOptions'])) {
+            if (layer.dataSource instanceof MapAjax || (!isNullOrUndefined(layer.dataSource) && !isNullOrUndefined(layer.dataSource['dataOptions']))) {
                 _this.processAjaxRequest(layer, layer.dataSource, 'DataSource');
             }
             if (_this.serverProcess['request'] === _this.serverProcess['response'] && length === layerIndex) {
@@ -533,7 +533,7 @@ var Maps = /** @class */ (function (_super) {
         //eslint-enable @typescript-eslint/prefer-const
     };
     /**
-     * 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
@@ -575,7 +575,7 @@ var Maps = /** @class */ (function (_super) {
         }
     };
     /**
-     * initial selection of marker
+     * initial selection of marker.
      *
      * @param {number} layerIndex - Specifies the layer index
      * @param {number} markerIndex - Specifies the marker index
@@ -600,7 +600,7 @@ var Maps = /** @class */ (function (_super) {
         }
     };
     /**
-     * Render the map area border
+     * Render the map area border.
      *
      * @returns {void}
      */
@@ -617,7 +617,7 @@ var Maps = /** @class */ (function (_super) {
         }
     };
     /**
-     * To add tab index for map element
+     * To add tab index for map element.
      *
      * @returns {void}
      */
@@ -772,8 +772,7 @@ var Maps = /** @class */ (function (_super) {
     Maps.prototype.createTile = function () {
         var mainLayer = this.layersCollection[0];
         var padding = 0;
-        if (mainLayer.isBaseLayer && (mainLayer.layerType === 'OSM' || mainLayer.layerType === 'Bing' ||
-            mainLayer.layerType === 'GoogleStaticMap' || mainLayer.layerType === 'Google' || (!isNullOrUndefined(mainLayer.urlTemplate) && mainLayer.urlTemplate !== ''))) {
+        if (mainLayer.isBaseLayer && (!isNullOrUndefined(mainLayer.urlTemplate) && mainLayer.urlTemplate !== '' && isNullOrUndefined(mainLayer.shapeData))) {
             removeElement(this.element.id + '_tile_parent');
             removeElement(this.element.id + '_tiles');
             removeElement('animated_tiles');
@@ -824,7 +823,7 @@ var Maps = /** @class */ (function (_super) {
             var baseLayer = mainLayers[i];
             if (baseLayer.visible && baseIndex === i) {
                 baseLayer.isBaseLayer = true;
-                this.isTileMap = (baseLayer.layerType === 'Geometry' && !isNullOrUndefined(baseLayer.shapeData)) ? false : true;
+                this.isTileMap = !isNullOrUndefined(baseLayer.shapeData) ? false : true;
                 this.layersCollection.push(baseLayer);
                 break;
             }
@@ -840,7 +839,7 @@ var Maps = /** @class */ (function (_super) {
         });
     };
     /**
-     * Render the map border
+     * Render the map border.
      *
      * @private
      * @returns {void}
@@ -861,7 +860,7 @@ var Maps = /** @class */ (function (_super) {
         }
     };
     /**
-     * Render the title and subtitle
+     * Render the title and subtitle.
      *
      * @param {TitleSettingsModel} title - Specifies the title
      * @param {string} type - Specifies the type
@@ -914,7 +913,7 @@ var Maps = /** @class */ (function (_super) {
         }
     };
     /**
-     * To create svg element for maps
+     * To create svg element for maps.
      *
      * @returns {void}
      */
@@ -923,7 +922,7 @@ var Maps = /** @class */ (function (_super) {
         createSvg(this);
     };
     /**
-     * To Remove the SVG
+     * To Remove the SVG.
      *
      * @returns {void}
      */
@@ -1214,7 +1213,7 @@ var Maps = /** @class */ (function (_super) {
         return latLongValue;
     };
     /**
-     * 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.
@@ -1223,10 +1222,8 @@ var Maps = /** @class */ (function (_super) {
      * @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
-     *
      */
     Maps.prototype.getClickLocation = function (targetId, pageX, pageY, targetElement, x, y, type) {
         var layerIndex = 0;
@@ -1298,7 +1295,7 @@ var Maps = /** @class */ (function (_super) {
                 }
             }
             else {
-                latLongValue = this.getGeoLocation(layerIndex, x, y);
+                latLongValue = this.getGeoLocation(layerIndex, pageX, pageY);
             }
         }
         else if (this.isTileMap && (!isNullOrUndefined(type) ||
@@ -1735,7 +1732,7 @@ var Maps = /** @class */ (function (_super) {
     /**
      * 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}
      */
     Maps.prototype.addLayer = function (layer) {
@@ -2018,7 +2015,7 @@ var Maps = /** @class */ (function (_super) {
         }
         _super.prototype.destroy.call(this);
         this.shapeSelectionItem = [];
-        this.toggledShapeElementId = [];
+        this.toggledElementId = [];
         this.toggledLegendId = [];
         this.legendSelectionCollection = [];
         this.selectedLegendElementId = [];
@@ -2079,7 +2076,7 @@ var Maps = /** @class */ (function (_super) {
         this.markerDragArgument = null;
     };
     /**
-     * Gets component name
+     * Gets component name.
      *
      * @returns {string} - Returns the string value
      * @private
@@ -2112,7 +2109,6 @@ var Maps = /** @class */ (function (_super) {
             var render = false;
             var isMarker = false;
             var isLayer = false;
-            var isStaticMapType = false;
             for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
                 var prop = _a[_i];
                 switch (prop) {
@@ -2134,17 +2130,13 @@ var Maps = /** @class */ (function (_super) {
                                     var collection = Object.keys(newProp.layers[x]);
                                     for (var _b = 0, collection_1 = collection; _b < collection_1.length; _b++) {
                                         var collectionProp = collection_1[_b];
-                                        if ((collectionProp === 'layerType' && newProp.layers[x].layerType !== 'Geometry') ||
-                                            (isNullOrUndefined(this.layers[x].shapeData)
-                                                && !isNullOrUndefined(this.layers[x].urlTemplate) && this.layers[x].urlTemplate !== '')) {
+                                        if ((isNullOrUndefined(this.layers[x].shapeData)
+                                            && !isNullOrUndefined(this.layers[x].urlTemplate) && this.layers[x].urlTemplate !== '')) {
                                             this.isReset = true;
                                         }
                                         else if (collectionProp === 'markerSettings') {
                                             isMarker = true;
                                         }
-                                        else if (collectionProp === 'staticMapType') {
-                                            isStaticMapType = true;
-                                        }
                                     }
                                 }
                             }
@@ -2188,9 +2180,6 @@ var Maps = /** @class */ (function (_super) {
                         this.render();
                     }
                 }
-                else if (newProp.layers && isStaticMapType) {
-                    this.mapLayerPanel.renderGoogleMap(this.layers[this.layers.length - 1].key, this.staticMapZoom);
-                }
                 else {
                     this.createSVG();
                     this.renderElements();
@@ -2199,7 +2188,7 @@ var Maps = /** @class */ (function (_super) {
         }
     };
     /**
-     * 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
@@ -2312,7 +2301,7 @@ var Maps = /** @class */ (function (_super) {
         return modules;
     };
     /**
-     * To find marker visibility
+     * To find marker visibility.
      *
      * @returns {boolean} - Returns whether the markers are visible or not.
      */
@@ -2329,7 +2318,7 @@ var Maps = /** @class */ (function (_super) {
         return isVisible;
     };
     /**
-     * To find DataLabel visibility
+     * To find DataLabel visibility.
      *
      * @returns {boolean} - Returns whether the data labels are visible or not.
      */
@@ -2344,7 +2333,7 @@ var Maps = /** @class */ (function (_super) {
         return isVisible;
     };
     /**
-     * To find navigation line visibility
+     * To find navigation line visibility.
      *
      * @returns {boolean} - Returns whether the navigation lines are visible or not.
      */
@@ -2361,7 +2350,7 @@ var Maps = /** @class */ (function (_super) {
         return isVisible;
     };
     /**
-     * To find navigation line visibility
+     * To find navigation line visibility.
      *
      * @returns {boolean} - Returns whether the navigation lines are visible or not.
      */
@@ -2378,7 +2367,7 @@ var Maps = /** @class */ (function (_super) {
         return isVisible;
     };
     /**
-     * To find marker visibility
+     * To find marker visibility.
      *
      * @returns {boolean} - Returns whether the bubble is visible or not.
      */
@@ -2394,7 +2383,7 @@ var Maps = /** @class */ (function (_super) {
         return isVisible;
     };
     /**
-     * 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
@@ -2515,7 +2504,7 @@ var Maps = /** @class */ (function (_super) {
                 }
                 for (var _b = 0, _c = polygonSetting.polygons; _b < _c.length; _b++) {
                     var polygon = _c[_b];
-                    if (polygon.points.length > 0) {
+                    if (!isNullOrUndefined(polygon.points) && polygon.points.length > 0) {
                         isSelection = layer.polygonSettings.highlightSettings.enable || isSelection;
                         isHighlight = layer.polygonSettings.selectionSettings.enable || isHighlight;
                         istooltipVisible = layer.polygonSettings.tooltipSettings.visible || istooltipVisible;
@@ -2569,8 +2558,12 @@ var Maps = /** @class */ (function (_super) {
         var longitude = 0;
         if (!this.isDestroyed) {
             var container = document.getElementById(this.element.id);
-            var pageX = x - (isNullOrUndefined(this.markerDragArgument) ? container.offsetLeft : 0);
-            var pageY = y - (isNullOrUndefined(this.markerDragArgument) ? container.offsetTop : 0);
+            var elementClientRect = this.element.getBoundingClientRect();
+            var bodyClientRect = document.body.getBoundingClientRect();
+            var pageX = x - (isNullOrUndefined(this.markerDragArgument) ? container.offsetLeft ||
+                (elementClientRect.left - bodyClientRect.left) : 0);
+            var pageY = y - (isNullOrUndefined(this.markerDragArgument) ? container.offsetTop ||
+                (elementClientRect.top - bodyClientRect.top) : 0);
             var currentLayer = this.layersCollection[layerIndex];
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var translate = getTranslate(this, currentLayer, false);
@@ -2614,13 +2607,13 @@ var Maps = /** @class */ (function (_super) {
      *
      * @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.
      */
     Maps.prototype.pointToLatLong = function (pageX, pageY) {
         var latitude = 0;
         var longitude = 0;
         if (!this.isDestroyed && !isNullOrUndefined(this.translatePoint)) {
-            var padding = this.layers[this.layers.length - 1].layerType === 'GoogleStaticMap' ? 0 : 10;
+            var padding = 10;
             pageY = pageY + padding;
             var mapSize = 256 * Math.pow(2, this.tileZoomLevel);
             var x1 = (this.clip(pageX - (this.translatePoint.x * this.scale), 0, mapSize - 1) / mapSize) - 0.5;

package/src/maps/model/base-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, ChildProperty, Complex, Collection } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { Alignment, LegendPosition, LegendType, LegendMode, ShapeLayerType, Type, MarkerType, Orientation, MapAjax } from '../../index';import { SmartLabelMode, IntersectAction } from '../../index';import { Theme } from './theme';import { Point, GeoLocation, Coordinate } from '../utils/helper';import { BingMapType, LegendArrangement, LegendShape, BubbleType, StaticMapType, ToolbarItem } from '../utils/enum';import { AnnotationAlignment, GeometryType, LabelPosition, LabelIntersectAction } from '../index';
+import { Property, ChildProperty, Complex, Collection } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { Alignment, LegendPosition, LegendType, LegendMode, Type, MarkerType, Orientation, MapAjax } from '../../index';import { SmartLabelMode, IntersectAction } from '../../index';import { Theme } from './theme';import { Point, GeoLocation, Coordinate } from '../utils/helper';import { LegendArrangement, LegendShape, BubbleType, ToolbarItem } from '../utils/enum';import { AnnotationAlignment, GeometryType, LabelPosition, LabelIntersectAction } from '../index';
 
 /**
  * Interface for a class Annotation
@@ -174,7 +174,7 @@ export interface ZoomToolbarButtonSettingsModel {
     /**
      * Gets or sets the radius of the button. This property is used to modify the size of the button.
      *
-     * @default 30
+     * @default null
      */
     radius?: number;
 
@@ -462,6 +462,14 @@ export interface TooltipSettingsModel {
      */
     valuePath?: string;
 
+    /**
+     * Specifies the value within which the tooltip will be removed on a mobile device. The value represents time in milliseconds.
+     * If the value is set to 0, the tooltip will not be removed. If the value is set to greater than 0, the tooltip will be removed at the specified time.
+     *
+     * @default 2000
+     */
+    duration?: number;
+
 }
 
 /**
@@ -493,6 +501,14 @@ export interface PolygonTooltipSettingsModel {
      */
     textStyle?: FontModel;
 
+    /**
+     * Specifies the value within which the tooltip will be removed on a mobile device. The value represents time in milliseconds.
+     * If the value is set to 0, the tooltip will not be removed. If the value is set to greater than 0, the tooltip will be removed at the specified time.
+     *
+     * @default 2000
+     */
+    duration?: number;
+
 }
 
 /**
@@ -1220,61 +1236,6 @@ export interface ZoomSettingsModel {
      */
     enableSelectionZooming?: boolean;
 
-    /**
-     * Gets or sets the orientation of the zoom toolbar.
-     *
-     * @default Horizontal
-
-     */
-    toolBarOrientation?: Orientation;
-
-    /**
-     * Gets or sets the color for the toolbar in maps.
-     *
-     * @default null
-
-     */
-    color?: string;
-
-    /**
-     * Gets or sets the color for the zoom toolbar when the mouse has hovered on toolbar element in maps.
-     *
-     * @default null
-
-     */
-    highlightColor?: string;
-
-    /**
-     * Gets or sets the color for the zooming toolbar when clicking the zooming toolbar in maps.
-     *
-     * @default null
-
-     */
-    selectionColor?: string;
-
-    /**
-     * Gets or sets the position type of toolbar when it is placed horizontally.
-     *
-     * @default Far
-
-     */
-    horizontalAlignment?: Alignment;
-
-    /**
-     * Gets or sets the position type of toolbar when it is placed vertically.
-     *
-     * @default Near
-
-     */
-    verticalAlignment?: Alignment;
-
-    /**
-     * Gets or sets the items that are to be shown in the zooming toolbar of the maps. Zoom-in, zoom-out and reset buttons are displayed by default.
-     *
-
-     */
-    toolbars?: string[];
-
     /**
      * Enables or disables the mouse wheel zooming in maps.
      *
@@ -1993,47 +1954,13 @@ export interface LayerSettingsModel {
 
     /**
      * Gets or sets the geometry type for the layer in maps. There are two types: Geographic and Normal.
-     * * Geographic type renders the shape maps with geographical coordinate system.
-     * * Normal type renders the shape maps using default coordinate system.
+     * - Geographic type renders the shape maps with geographical coordinate system.
+     * - Normal type renders the shape maps using default coordinate system.
      *
      * @default Geographic
      */
     geometryType?: GeometryType;
 
-    /**
-     * Gets or sets the Bing map type for the layer. If you set GeoJSON data in the map and set the `BingMapType` value without setting the layer type as "Bing",
-     * then the map will be rendered based on the provided shape data since the default layer type will be set as "Geometry".
-     *
-
-     * @default Aerial
-     */
-    bingMapType?: BingMapType;
-
-    /**
-     * Gets or sets the type of the static maps.
-     *
-
-     * @default RoadMap
-     */
-    staticMapType?: StaticMapType;
-
-    /**
-     * Gets or sets the key for the online map provider to render in the layer of the maps.
-     *
-
-     * @default ''
-     */
-    key?: string;
-
-    /**
-     * Gets or sets the type of the layer in maps. If we use layer type with shape data property in layer of the maps
-     * then map will render based on the provided layer type.
-     *
-
-     * @default Geometry
-     */
-    layerType?: ShapeLayerType;
-
     /**
      * Gets or sets the URL of the online map providers.
      * The online map providers will be rendered only when the shape data is not set and layer type is set with default value.

package/src/maps/model/base.d.ts

@@ -3,7 +3,7 @@
  */
 import { ChildProperty } from '@syncfusion/ej2-base';
 import { DataManager, Query } from '@syncfusion/ej2-data';
-import { Alignment, LegendPosition, LegendType, LegendMode, ShapeLayerType, Type, MarkerType, Orientation, MapAjax } from '../../index';
+import { Alignment, LegendPosition, LegendType, LegendMode, Type, MarkerType, Orientation, MapAjax } from '../../index';
 import { SmartLabelMode, IntersectAction } from '../../index';
 import { BorderModel, ColorMappingSettingsModel, FontModel, CommonTitleSettingsModel, NavigationLineSettingsModel, PolygonSettingsModel, ZoomToolbarTooltipSettingsModel } from './base-model';
 import { MarkerSettingsModel, MarkerClusterSettingsModel, ShapeSettingsModel, BubbleSettingsModel, ArrowModel } from './base-model';
@@ -11,7 +11,7 @@ import { DataLabelSettingsModel, TooltipSettingsModel, SubTitleSettingsModel, Se
 import { HighlightSettingsModel, ToggleLegendSettingsModel, ConnectorLineSettingsModel, PolygonTooltipSettingsModel } from './base-model';
 import { InitialShapeSelectionSettingsModel, InitialMarkerSelectionSettingsModel, ZoomToolbarSettingsModel, ZoomToolbarButtonSettingsModel } from './base-model';
 import { Point, GeoLocation, Coordinate } from '../utils/helper';
-import { BingMapType, LegendArrangement, LegendShape, BubbleType, StaticMapType, ToolbarItem } from '../utils/enum';
+import { LegendArrangement, LegendShape, BubbleType, ToolbarItem } from '../utils/enum';
 import { AnnotationAlignment, GeometryType, LabelPosition, LabelIntersectAction } from '../index';
 /**
  * Gets or sets the options for customizing the annotation element in maps.
@@ -158,7 +158,7 @@ export declare class ZoomToolbarButtonSettings extends ChildProperty<ZoomToolbar
     /**
      * Gets or sets the radius of the button. This property is used to modify the size of the button.
      *
-     * @default 30
+     * @default null
      */
     radius: number;
     /**
@@ -398,6 +398,13 @@ export declare class TooltipSettings extends ChildProperty<TooltipSettings> {
      * @default null
      */
     valuePath: string;
+    /**
+     * Specifies the value within which the tooltip will be removed on a mobile device. The value represents time in milliseconds.
+     * If the value is set to 0, the tooltip will not be removed. If the value is set to greater than 0, the tooltip will be removed at the specified time.
+     *
+     * @default 2000
+     */
+    duration: number;
 }
 /**
  * Specifies the properties such as visibility, fill, border and text style to customize the tooltip.
@@ -423,6 +430,13 @@ export declare class PolygonTooltipSettings extends ChildProperty<PolygonTooltip
      * Gets or sets the font properties of the text content of the tooltip element of the polygon shape.
      */
     textStyle: FontModel;
+    /**
+     * Specifies the value within which the tooltip will be removed on a mobile device. The value represents time in milliseconds.
+     * If the value is set to 0, the tooltip will not be removed. If the value is set to greater than 0, the tooltip will be removed at the specified time.
+     *
+     * @default 2000
+     */
+    duration: number;
 }
 /**
  * Gets or sets the options to customize the margin of the maps.
@@ -1064,54 +1078,6 @@ export declare class ZoomSettings extends ChildProperty<ZoomSettings> {
      * @default true
      */
     enableSelectionZooming: boolean;
-    /**
-     * Gets or sets the orientation of the zoom toolbar.
-     *
-     * @default Horizontal
-
-     */
-    toolBarOrientation: Orientation;
-    /**
-     * Gets or sets the color for the toolbar in maps.
-     *
-     * @default null
-
-     */
-    color: string;
-    /**
-     * Gets or sets the color for the zoom toolbar when the mouse has hovered on toolbar element in maps.
-     *
-     * @default null
-
-     */
-    highlightColor: string;
-    /**
-     * Gets or sets the color for the zooming toolbar when clicking the zooming toolbar in maps.
-     *
-     * @default null
-
-     */
-    selectionColor: string;
-    /**
-     * Gets or sets the position type of toolbar when it is placed horizontally.
-     *
-     * @default Far
-
-     */
-    horizontalAlignment: Alignment;
-    /**
-     * Gets or sets the position type of toolbar when it is placed vertically.
-     *
-     * @default Near
-
-     */
-    verticalAlignment: Alignment;
-    /**
-     * Gets or sets the items that are to be shown in the zooming toolbar of the maps. Zoom-in, zoom-out and reset buttons are displayed by default.
-     *
-
-     */
-    toolbars: string[];
     /**
      * Enables or disables the mouse wheel zooming in maps.
      *
@@ -1717,42 +1683,12 @@ export declare class LayerSettings extends ChildProperty<LayerSettings> {
     type: Type;
     /**
      * Gets or sets the geometry type for the layer in maps. There are two types: Geographic and Normal.
-     * * Geographic type renders the shape maps with geographical coordinate system.
-     * * Normal type renders the shape maps using default coordinate system.
+     * - Geographic type renders the shape maps with geographical coordinate system.
+     * - Normal type renders the shape maps using default coordinate system.
      *
      * @default Geographic
      */
     geometryType: GeometryType;
-    /**
-     * Gets or sets the Bing map type for the layer. If you set GeoJSON data in the map and set the `BingMapType` value without setting the layer type as "Bing",
-     * then the map will be rendered based on the provided shape data since the default layer type will be set as "Geometry".
-     *
-
-     * @default Aerial
-     */
-    bingMapType: BingMapType;
-    /**
-     * Gets or sets the type of the static maps.
-     *
-
-     * @default RoadMap
-     */
-    staticMapType: StaticMapType;
-    /**
-     * Gets or sets the key for the online map provider to render in the layer of the maps.
-     *
-
-     * @default ''
-     */
-    key: string;
-    /**
-     * Gets or sets the type of the layer in maps. If we use layer type with shape data property in layer of the maps
-     * then map will render based on the provided layer type.
-     *
-
-     * @default Geometry
-     */
-    layerType: ShapeLayerType;
     /**
      * Gets or sets the URL of the online map providers.
      * The online map providers will be rendered only when the shape data is not set and layer type is set with default value.