@syncfusion/ej2-maps 20.3.49 → 20.4.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/.eslintrc.json +16 -1
  2. package/CHANGELOG.md +19 -0
  3. package/README.md +65 -51
  4. package/dist/ej2-maps.min.js +2 -2
  5. package/dist/ej2-maps.umd.min.js +2 -2
  6. package/dist/ej2-maps.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-maps.es2015.js +1030 -781
  8. package/dist/es6/ej2-maps.es2015.js.map +1 -1
  9. package/dist/es6/ej2-maps.es5.js +1017 -772
  10. package/dist/es6/ej2-maps.es5.js.map +1 -1
  11. package/dist/global/ej2-maps.min.js +2 -2
  12. package/dist/global/ej2-maps.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/package.json +34 -21
  15. package/src/maps/layers/bing-map.d.ts +1 -0
  16. package/src/maps/layers/bing-map.js +1 -0
  17. package/src/maps/layers/bubble.d.ts +4 -0
  18. package/src/maps/layers/bubble.js +7 -3
  19. package/src/maps/layers/color-mapping.d.ts +5 -0
  20. package/src/maps/layers/color-mapping.js +5 -3
  21. package/src/maps/layers/data-label.d.ts +0 -1
  22. package/src/maps/layers/data-label.js +13 -14
  23. package/src/maps/layers/layer-panel.d.ts +7 -7
  24. package/src/maps/layers/layer-panel.js +119 -72
  25. package/src/maps/layers/legend.js +30 -25
  26. package/src/maps/layers/marker.d.ts +13 -0
  27. package/src/maps/layers/marker.js +133 -115
  28. package/src/maps/layers/navigation-selected-line.d.ts +5 -0
  29. package/src/maps/layers/navigation-selected-line.js +70 -65
  30. package/src/maps/maps-model.d.ts +1 -1
  31. package/src/maps/maps.d.ts +19 -0
  32. package/src/maps/maps.js +469 -382
  33. package/src/maps/model/base.js +2 -2
  34. package/src/maps/model/export-image.d.ts +4 -3
  35. package/src/maps/model/export-image.js +7 -6
  36. package/src/maps/model/export-pdf.d.ts +6 -6
  37. package/src/maps/model/export-pdf.js +8 -7
  38. package/src/maps/model/interface.d.ts +2 -2
  39. package/src/maps/model/print.d.ts +4 -2
  40. package/src/maps/model/print.js +6 -3
  41. package/src/maps/user-interaction/annotation.js +2 -3
  42. package/src/maps/user-interaction/highlight.js +37 -13
  43. package/src/maps/user-interaction/selection.js +4 -2
  44. package/src/maps/user-interaction/tooltip.js +8 -8
  45. package/src/maps/user-interaction/zoom.d.ts +5 -0
  46. package/src/maps/user-interaction/zoom.js +39 -29
  47. package/src/maps/utils/helper.d.ts +2 -0
  48. package/src/maps/utils/helper.js +58 -45
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.3.49
3
+ * version : 20.4.38
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-maps@*",
3
- "_id": "@syncfusion/ej2-maps@20.3.47",
3
+ "_id": "@syncfusion/ej2-maps@16.41.15",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-eM35NIkNhSwH73EarJVxZ5M1ED2F/t7BB23UD1Tgy9/ynEFhpFRlmRzT/YeiqlXgXJZLVW5DdwoUsc2w89TMBg==",
5
+ "_integrity": "sha512-AJeqU+5oKxydk2JxnnlmjkQJKj7Tfc1E2JmVBTHThnYmGITjVcXpAQjZXL+KZF+KfO5VjCoXk6k2xqS71MpuKg==",
6
6
  "_location": "/@syncfusion/ej2-maps",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -23,10 +23,10 @@
23
23
  "/@syncfusion/ej2-react-maps",
24
24
  "/@syncfusion/ej2-vue-maps"
25
25
  ],
26
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-20.3.47.tgz",
27
- "_shasum": "4368a4fe57801d7161bf61ac79f29fd3f05156ea",
26
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-maps/-/ej2-maps-16.41.15.tgz",
27
+ "_shasum": "0509b31a50ba9ceb45a7f9bba8a1bc054b018ceb",
28
28
  "_spec": "@syncfusion/ej2-maps@*",
29
- "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
29
+ "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
30
30
  "author": {
31
31
  "name": "Syncfusion Inc."
32
32
  },
@@ -35,13 +35,13 @@
35
35
  },
36
36
  "bundleDependencies": false,
37
37
  "dependencies": {
38
- "@syncfusion/ej2-base": "~20.3.49",
39
- "@syncfusion/ej2-buttons": "~20.3.49",
40
- "@syncfusion/ej2-compression": "~20.3.47",
41
- "@syncfusion/ej2-data": "~20.3.47",
42
- "@syncfusion/ej2-file-utils": "~20.3.47",
43
- "@syncfusion/ej2-pdf-export": "~20.3.47",
44
- "@syncfusion/ej2-svg-base": "~20.3.47"
38
+ "@syncfusion/ej2-base": "~20.4.38",
39
+ "@syncfusion/ej2-buttons": "~20.4.38",
40
+ "@syncfusion/ej2-compression": "~20.4.38",
41
+ "@syncfusion/ej2-data": "~20.4.38",
42
+ "@syncfusion/ej2-file-utils": "~20.4.38",
43
+ "@syncfusion/ej2-pdf-export": "~20.4.38",
44
+ "@syncfusion/ej2-svg-base": "~20.4.38"
45
45
  },
46
46
  "deprecated": false,
47
47
  "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",
@@ -53,23 +53,36 @@
53
53
  "syncfusion",
54
54
  "web-components",
55
55
  "ej2-maps",
56
+ "javascript",
56
57
  "typescript",
57
58
  "maps",
58
- "shape-data",
59
+ "geoJSON",
60
+ "shapes",
61
+ "custom-shapes",
59
62
  "OSM",
63
+ "openstreetmap",
64
+ "bing maps",
65
+ "azure maps",
66
+ "google maps",
60
67
  "projection",
68
+ "layer",
69
+ "sublayer",
61
70
  "bubble",
62
71
  "color-mapping",
63
72
  "marker",
73
+ "cluster",
64
74
  "data-label",
65
75
  "navigation-line",
66
- "legend",
67
- "tooltip",
68
- "zooming",
69
- "panning",
70
- "drilldown",
71
- "annotation",
72
- "custom-shapes"
76
+ "zoom",
77
+ "pan",
78
+ "point",
79
+ "multipoint",
80
+ "linestring",
81
+ "multilinestring",
82
+ "polygon",
83
+ "multipolygon",
84
+ "geometry-collection",
85
+ "feature-collection"
73
86
  ],
74
87
  "license": "SEE LICENSE IN license",
75
88
  "main": "./dist/ej2-maps.umd.min.js",
@@ -80,6 +93,6 @@
80
93
  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
81
94
  },
82
95
  "typings": "index.d.ts",
83
- "version": "20.3.49",
96
+ "version": "20.4.38",
84
97
  "sideEffects": false
85
98
  }
@@ -14,6 +14,7 @@ export declare class BingMap {
14
14
  constructor(maps: Maps);
15
15
  getBingMap(tile: Tile, key: string, type: BingMapType, language: string, imageUrl: string, subDomains: string[]): string;
16
16
  /**
17
+ * @returns {void}
17
18
  * @private
18
19
  */
19
20
  destroy(): void;
@@ -30,6 +30,7 @@ var BingMap = /** @class */ (function () {
30
30
  }
31
31
  };
32
32
  /**
33
+ * @returns {void}
33
34
  * @private
34
35
  */
35
36
  BingMap.prototype.destroy = function () {
@@ -25,6 +25,8 @@ export declare class Bubble {
25
25
  /**
26
26
  * To check and trigger bubble click event
27
27
  *
28
+ * @param {PointerEvent} e - Specifies the pointer event argument.
29
+ * @returns {void}
28
30
  * @private
29
31
  */
30
32
  bubbleClick(e: PointerEvent): void;
@@ -38,6 +40,8 @@ export declare class Bubble {
38
40
  /**
39
41
  * To check and trigger bubble move event
40
42
  *
43
+ * @param {PointerEvent} e - Specifies the pointer event argument.
44
+ * @retruns {void}
41
45
  * @private
42
46
  */
43
47
  bubbleMove(e: PointerEvent): void;
@@ -29,7 +29,8 @@ var Bubble = /** @class */ (function () {
29
29
  var layerData = layer.layerData;
30
30
  var colorValuePath = bubbleSettings.colorValuePath;
31
31
  var equalValue = (!isNullOrUndefined(colorValuePath)) ? ((colorValuePath.indexOf('.') > -1) ?
32
- (getValueFromObject(shapeData, bubbleSettings.colorValuePath)) : shapeData[colorValuePath]) : shapeData[colorValuePath];
32
+ (getValueFromObject(shapeData, bubbleSettings.colorValuePath)) : shapeData[colorValuePath]) :
33
+ shapeData[colorValuePath];
33
34
  var colorValue = (!isNullOrUndefined(colorValuePath)) ? ((colorValuePath.indexOf('.') > -1) ?
34
35
  Number(getValueFromObject(shapeData, bubbleSettings.colorValuePath)) : Number(shapeData[colorValuePath])) :
35
36
  Number(shapeData[colorValuePath]);
@@ -183,16 +184,17 @@ var Bubble = /** @class */ (function () {
183
184
  }
184
185
  else {
185
186
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
186
- shape.map(function (current, index) {
187
+ shape.map(function (current) {
187
188
  points.push(new Point(current['point']['x'], current['point']['y']));
188
189
  });
189
190
  }
190
191
  return points;
191
192
  };
192
- // eslint-disable-next-line valid-jsdoc
193
193
  /**
194
194
  * To check and trigger bubble click event
195
195
  *
196
+ * @param {PointerEvent} e - Specifies the pointer event argument.
197
+ * @returns {void}
196
198
  * @private
197
199
  */
198
200
  Bubble.prototype.bubbleClick = function (e) {
@@ -238,6 +240,8 @@ var Bubble = /** @class */ (function () {
238
240
  /**
239
241
  * To check and trigger bubble move event
240
242
  *
243
+ * @param {PointerEvent} e - Specifies the pointer event argument.
244
+ * @retruns {void}
241
245
  * @private
242
246
  */
243
247
  Bubble.prototype.bubbleMove = function (e) {
@@ -18,6 +18,11 @@ export declare class ColorMapping {
18
18
  getShapeColorMapping(shapeSettings: ShapeSettingsModel, layerData: any, color: string): any;
19
19
  /**
20
20
  * To color by value and color mapping
21
+ *
22
+ * @param {ColorMappingSettingsModel[]} colorMapping - Specifies the color mapping instance.
23
+ * @param {number} colorValue - Specifies the color value
24
+ * @param {string} equalValue - Specifies the equal value.
25
+ * @returns {any} - Returns the color mapping values.
21
26
  */
22
27
  getColorByValue(colorMapping: ColorMappingSettingsModel[], colorValue: number, equalValue: string): any;
23
28
  deSaturationColor(colorMapping: ColorMappingSettingsModel, color: string, rangeValue: number, equalValue: string): number;
@@ -29,6 +29,11 @@ var ColorMapping = /** @class */ (function () {
29
29
  };
30
30
  /**
31
31
  * To color by value and color mapping
32
+ *
33
+ * @param {ColorMappingSettingsModel[]} colorMapping - Specifies the color mapping instance.
34
+ * @param {number} colorValue - Specifies the color value
35
+ * @param {string} equalValue - Specifies the equal value.
36
+ * @returns {any} - Returns the color mapping values.
32
37
  */
33
38
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
34
39
  ColorMapping.prototype.getColorByValue = function (colorMapping, colorValue, equalValue) {
@@ -37,7 +42,6 @@ var ColorMapping = /** @class */ (function () {
37
42
  }
38
43
  var fill = '';
39
44
  var opacity;
40
- var gradientColor;
41
45
  var gradientFill;
42
46
  for (var _i = 0, colorMapping_1 = colorMapping; _i < colorMapping_1.length; _i++) {
43
47
  var colorMap = colorMapping_1[_i];
@@ -103,10 +107,8 @@ var ColorMapping = /** @class */ (function () {
103
107
  var previousOffset = colorMap.from;
104
108
  var nextOffset = colorMap.to;
105
109
  var percent = 0;
106
- var prev1;
107
110
  var full = nextOffset - previousOffset;
108
111
  var midColor;
109
- var midreturn;
110
112
  percent = (value - previousOffset) / full;
111
113
  var previousColor;
112
114
  var nextColor;
@@ -36,7 +36,6 @@ export declare class DataLabel {
36
36
  */
37
37
  protected getModuleName(): string;
38
38
  /**
39
- *
40
39
  * @returns {void}
41
40
  * @private
42
41
  */
@@ -51,7 +51,6 @@ var DataLabel = /** @class */ (function () {
51
51
  var _this = this;
52
52
  var dataLabel = layer.dataLabelSettings;
53
53
  var style = layer.dataLabelSettings.textStyle;
54
- var markerEle;
55
54
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
56
55
  var templateFn;
57
56
  var options;
@@ -63,8 +62,6 @@ var DataLabel = /** @class */ (function () {
63
62
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
64
63
  var shapeData = shape;
65
64
  var element;
66
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
67
- var data;
68
65
  var text = '';
69
66
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
70
67
  var datasrcObj;
@@ -186,7 +183,6 @@ var DataLabel = /** @class */ (function () {
186
183
  location['y'] = ((location['y'] + zoomTransPoint['y']) * scale);
187
184
  }
188
185
  location['y'] = (this.maps.projectionType === 'Mercator') || layer.geometryType === 'Normal' ? location['y'] : (-location['y']);
189
- data = location;
190
186
  if (!isNullOrUndefined(this.maps.format) && !isNaN(parseFloat(text))) {
191
187
  if (this.maps.useGroupingSeparator) {
192
188
  text = Internalize(this.maps, parseFloat(text));
@@ -204,8 +200,6 @@ var DataLabel = /** @class */ (function () {
204
200
  if (eventargs_1.cancel) {
205
201
  return;
206
202
  }
207
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
208
- var border = { color: 'yellow' };
209
203
  var position = [];
210
204
  var width = zoomLabelsPosition && scaleZoomValue > 1 && !_this.maps.zoomNotApplied
211
205
  && _this.maps.zoomShapeCollection.length > index ? _this.maps.zoomShapeCollection[index]['width'] :
@@ -249,8 +243,14 @@ var DataLabel = /** @class */ (function () {
249
243
  datasrcObj : shapeData['properties'], _this.maps, eventargs_1.template, _this.maps.element.id + '_LabelTemplate', false) : document.createElement('div');
250
244
  templateElement.innerHTML = !templateFn ? eventargs_1.template : '';
251
245
  labelElement = convertElementFromLabel(templateElement, labelId, !isNullOrUndefined(datasrcObj) ? datasrcObj : shapeData['properties'], index, _this.maps);
252
- labelElement.style.left = ((Math.abs(_this.maps.baseMapRectBounds['min']['x'] - location['x'])) * scale) + labelArgs.offsetX + 'px';
253
- labelElement.style.top = ((Math.abs(_this.maps.baseMapRectBounds['min']['y'] - location['y'])) * scale) + labelArgs.offsetY + 'px';
246
+ if (_this.maps.isTileMap) {
247
+ labelElement.style.left = (((location['x'] + transPoint['x']) * scale) - (textSize['width'] / 2)) + 'px';
248
+ labelElement.style.top = (((location['y'] + transPoint['y']) * scale) - textSize['height']) + 'px';
249
+ }
250
+ else {
251
+ labelElement.style.left = ((Math.abs(_this.maps.baseMapRectBounds['min']['x'] - location['x'])) * scale) + labelArgs.offsetX + 'px';
252
+ labelElement.style.top = ((Math.abs(_this.maps.baseMapRectBounds['min']['y'] - location['y'])) * scale) + labelArgs.offsetY + 'px';
253
+ }
254
254
  labelTemplateElement.appendChild(labelElement);
255
255
  }
256
256
  else {
@@ -320,8 +320,8 @@ var DataLabel = /** @class */ (function () {
320
320
  }
321
321
  if (trimmedLable.length > 1) {
322
322
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
323
- var border_1 = eventargs_1.border;
324
- if (border_1['width'] > 1) {
323
+ var border = eventargs_1.border;
324
+ if (border['width'] > 1) {
325
325
  var fill = eventargs_1.fill;
326
326
  var opacity = dataLabelSettings.opacity;
327
327
  var rx = dataLabelSettings.rx;
@@ -337,8 +337,8 @@ var DataLabel = /** @class */ (function () {
337
337
  x = ((location['x'] + transPoint['x']) * scale) - textSize['width'] / 2;
338
338
  y = ((location['y'] + transPoint['y']) * scale) - textSize['height'] / 2;
339
339
  }
340
- border_1.opacity = isNullOrUndefined(border_1.opacity) ? opacity : border_1.opacity;
341
- 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);
340
+ border.opacity = isNullOrUndefined(border.opacity) ? opacity : border.opacity;
341
+ var rectOptions = new RectOption(_this.maps.element.id + '_LayerIndex_' + layerIndex + '_shapeIndex_' + index + '_rectIndex_' + index, fill, border, opacity, new Rect((x + labelArgs.offsetX), (y + labelArgs.offsetY), textSize['width'], textSize['height']), rx, ry);
342
342
  var rect = _this.maps.renderer.drawRectangle(rectOptions);
343
343
  group.appendChild(rect);
344
344
  }
@@ -385,7 +385,7 @@ var DataLabel = /** @class */ (function () {
385
385
  }
386
386
  else {
387
387
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
388
- shapes.map(function (current, index) {
388
+ shapes.map(function (current) {
389
389
  points.push(new Point(current['point']['x'], current['point']['y']));
390
390
  });
391
391
  }
@@ -400,7 +400,6 @@ var DataLabel = /** @class */ (function () {
400
400
  return 'DataLabel';
401
401
  };
402
402
  /**
403
- *
404
403
  * @returns {void}
405
404
  * @private
406
405
  */
@@ -45,11 +45,11 @@ export declare class LayerPanel {
45
45
  /**
46
46
  * layer features as bubble, marker, datalabel, navigation line.
47
47
  *
48
- * @param {groupElement} Element - Specifies the element to append the group
49
- * @param {pathEle} Element - Specifies the svg element
50
- * @param {drawingType} string - Specifies the data type
51
- * @param {currentShapeData} any - Specifies the layer of shapedata.
52
- * @param {index} number - Specifies the tab index.
48
+ * @param {Element} groupElement - Specifies the element to append the group.
49
+ * @param {Element} pathEle - Specifies the svg element.
50
+ * @param {string} drawingType - Specifies the data type.
51
+ * @param {any} currentShapeData - Specifies the layer of shapedata.
52
+ * @param {number} index - Specifies the tab index.
53
53
  * @returns {void}
54
54
  */
55
55
  private pathAttributeCalculate;
@@ -68,11 +68,11 @@ export declare class LayerPanel {
68
68
  *
69
69
  * @param {LayerSettings} layer - Specifies the layer
70
70
  * @param {number} layerIndex - Specifies the layer index
71
- * @param {object[]} shape - Specifies the shape
71
+ * @param {any[]} shape - Specifies the shape
72
72
  * @param {Element} group - Specifies the group
73
73
  * @param {number} shapeIndex - Specifies the shape index
74
74
  * @param {HTMLElement} labelTemplateEle - Specifies the label template element
75
- * @param {object[]} intersect - Specifies the intersect
75
+ * @param {any[]} intersect - Specifies the intersect
76
76
  * @returns {void}
77
77
  */
78
78
  private renderLabel;