@syncfusion/ej2-maps 20.3.56 → 20.4.40

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 +11 -1
  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 +961 -730
  8. package/dist/es6/ej2-maps.es2015.js.map +1 -1
  9. package/dist/es6/ej2-maps.es5.js +947 -720
  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 +5 -12
  23. package/src/maps/layers/layer-panel.d.ts +7 -7
  24. package/src/maps/layers/layer-panel.js +98 -53
  25. package/src/maps/layers/legend.js +63 -26
  26. package/src/maps/layers/marker.d.ts +13 -0
  27. package/src/maps/layers/marker.js +124 -107
  28. package/src/maps/layers/navigation-selected-line.d.ts +5 -0
  29. package/src/maps/layers/navigation-selected-line.js +111 -104
  30. package/src/maps/maps-model.d.ts +1 -1
  31. package/src/maps/maps.d.ts +17 -0
  32. package/src/maps/maps.js +448 -364
  33. package/src/maps/model/base.js +1 -1
  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 +0 -2
  42. package/src/maps/user-interaction/highlight.js +4 -3
  43. package/src/maps/user-interaction/selection.js +4 -2
  44. package/src/maps/user-interaction/tooltip.js +5 -5
  45. package/src/maps/user-interaction/zoom.d.ts +5 -0
  46. package/src/maps/user-interaction/zoom.js +9 -8
  47. package/src/maps/utils/helper.d.ts +2 -0
  48. package/src/maps/utils/helper.js +37 -30
package/.eslintrc.json CHANGED
@@ -6,7 +6,8 @@
6
6
  "extends": [
7
7
  "eslint:recommended",
8
8
  "plugin:@typescript-eslint/recommended",
9
- "plugin:jsdoc/recommended"
9
+ "plugin:jsdoc/recommended",
10
+ "plugin:security/recommended"
10
11
  ],
11
12
  "parser": "@typescript-eslint/parser",
12
13
  "parserOptions": {
@@ -18,10 +19,24 @@
18
19
  "plugins": [
19
20
  "@typescript-eslint",
20
21
  "@typescript-eslint/tslint",
22
+ "eslint-plugin-security",
21
23
  "jsdoc"
22
24
  ],
23
25
  "rules": {
24
26
  "use-isnan": "error",
27
+ "security/detect-unsafe-regex":"error",
28
+ "security/detect-buffer-noassert":"error",
29
+ "security/detect-child-process":"error",
30
+ "security/detect-disable-mustache-escape":"error",
31
+ "security/detect-eval-with-expression":"error",
32
+ "security/detect-no-csrf-before-method-override":"error",
33
+ "security/detect-non-literal-fs-filename":"error",
34
+ "security/detect-non-literal-regexp":"error",
35
+ "security/detect-non-literal-require":"error",
36
+ "security/detect-object-injection":"error",
37
+ "security/detect-possible-timing-attacks":"error",
38
+ "security/detect-pseudoRandomBytes":"error",
39
+ "security/detect-new-buffer":"error",
25
40
  "@typescript-eslint/no-inferrable-types": "off",
26
41
  "@typescript-eslint/ban-types": ["warn", {
27
42
  "types": {
package/CHANGELOG.md CHANGED
@@ -8,6 +8,16 @@
8
8
 
9
9
  ## [Unreleased]
10
10
 
11
+ ## 20.4.38 (2022-12-21)
12
+
13
+ ### Maps
14
+
15
+ #### New Features
16
+
17
+ - When panning is performed, the image rendering in online map providers is now improved.
18
+
19
+ ## 20.3.56 (2022-11-08)
20
+
11
21
  ### Maps
12
22
 
13
23
  #### Bug Fixes
@@ -478,4 +488,4 @@ The Maps control is used to visualize the geographical data. It is used to repre
478
488
  - **Data Labels** - Supports data label to provide additional information about the shapes.
479
489
  - **Navigation Lines** - Lines can be rendered between various points in map.
480
490
  - **Annotations** - Supports placing any HTML element on desired location in the map.
481
- - **User interaction** - Supports interactive features like zooming, panning, tooltip, highlight, selection and interactive legend.
491
+ - **User interaction** - Supports interactive features like zooming, panning, tooltip, highlight, selection and interactive legend.
package/README.md CHANGED
@@ -1,73 +1,87 @@
1
- # ej2-maps
1
+ # JavaScript Maps Control
2
2
 
3
- 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.
3
+ The [JavaScript Maps](https://www.syncfusion.com/javascript-ui-controls/js-maps-library?utm_source=npm&utm_medium=listing&utm_campaign=javascript-map-npm) control is used to visualize geographical data and represent statistical data of a specific geographical area on earth with user interactivity, and it provides a wide range of customization options.
4
4
 
5
- ![Maps](https://ej2.syncfusion.com/products/images/maps/readme.gif)
5
+ <p align="center">
6
+ <a href="https://ej2.syncfusion.com/documentation/maps/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-map-npm">Getting started</a> .
7
+ <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-map-npm#/material/maps/default.html">Online demos</a> .
8
+ <a href="https://www.syncfusion.com/javascript-ui-controls/js-maps?utm_source=npm&utm_medium=listing&utm_campaign=javascript-map-npm">Learn more</a>
9
+ </p>
6
10
 
7
- > Maps is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2?utm_source=npm&utm_campaign=maps)
11
+ <p align="center">
12
+ <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-map.png" alt="JavaScript Maps Control">
13
+ </p>
14
+
15
+ <p align="center">
16
+ Trusted by the world's leading companies
17
+ <a href="https://www.syncfusion.com">
18
+ <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
19
+ </a>
20
+ </p>
8
21
 
9
22
  ## Setup
10
23
 
11
- To install Maps and its dependent packages, use the following command.
24
+ To install the Maps and its dependent packages, use the following command.
12
25
 
13
26
  ```sh
14
27
  npm install @syncfusion/ej2-maps
15
28
  ```
16
29
 
17
- ## Resources
18
-
19
- * [Getting Started](https://ej2.syncfusion.com/documentation/maps/getting-started.html?lang=typescript)
20
- * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/default.html)
21
- * [Product Page](https://www.syncfusion.com/products/javascript/maps)
22
-
23
- ## Supported Frameworks
24
-
25
- Maps component is also offered in following list of frameworks.
26
-
27
- 1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-maps?utm_source=npm&utm_campaign=maps)
28
- 2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-maps?utm_source=npm&utm_campaign=maps)
29
- 3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-maps?utm_source=npm&utm_campaign=maps)
30
- 4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/Maps/Default#/material)
31
- 5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/Maps/Default#/material)
32
- 6. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript/maps)
33
-
34
- ## Use case samples
30
+ ## Supported frameworks
31
+
32
+ Maps control is also offered in the following list of frameworks.
33
+
34
+ | [<img src="https://ej2.syncfusion.com/github/images/angular.svg" height="50" />](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; |
35
+ | :-----: | :-----: | :-----: | :-----: | :-----: |
36
+
37
+ ## Showcase samples
38
+
39
+ * Heat map - [Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=javascript-map-npm#/material/maps/heat-map.html)
40
+ * Flight routes - [Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=javascript-map-npm#/material/maps/curved-lines.html)
41
+ * Bus seat booking - [Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=javascript-map-npm#/material/maps/seat-selection.html)
42
+
43
+ ## Key features
44
+
45
+ * [Data sources](https://ej2.syncfusion.com/documentation/maps/populate-data/?utm_source=npm&utm_campaign=javascript-map-npm): Binds the maps control to an array of JSON objects containing GeoJSON data.
46
+ * [Map providers](https://ej2.syncfusion.com/documentation/maps/providers/other-maps/?utm_source=npm&utm_campaign=javascript-map-npm): Online map providers such as OpenStreetMap, Bing Maps and others can also be rendered.
47
+ * [Layer](https://ej2.syncfusion.com/documentation/maps/layers/?utm_source=npm&utm_campaign=javascript-map-npm): Layer represents the area which renders the map. Also, any number of layers can be added.
48
+ * [Projection](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=javascript-map-npm#/material/maps/projection.html): Maps can be rendered in eight different types of projections.
49
+ * [Drill-down](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=javascript-map-npm#/material/maps/drilldown.html): Provides drill-down option to have a closer look at the lower level of a hierarchy.
50
+ * [Marker](https://ej2.syncfusion.com/documentation/maps/markers/?utm_source=npm&utm_campaign=javascript-map-npm): Provides support to mark a specific place of interest in the map.
51
+ * [Data label](https://ej2.syncfusion.com/documentation/maps/data-label/?utm_source=npm&utm_campaign=javascript-map-npm): Provides additional information about the shapes in the form of text over the shapes.
52
+ * [Bubble](https://ej2.syncfusion.com/documentation/maps/bubble/?utm_source=npm&utm_campaign=javascript-map-npm): Represents visually the underlying data values of the shapes.
53
+ * [Navigation line](https://ej2.syncfusion.com/documentation/maps/navigation-line/?utm_source=npm&utm_campaign=javascript-map-npm): Denotes the path between two locations.
54
+ * [Color mapping](https://ej2.syncfusion.com/documentation/maps/color-mapping/?utm_source=npm&utm_campaign=javascript-map-npm): Applies colors to the shapes based on various conditions. Maps supports three types of color mapping: range color mapping, equal color mapping and desaturation color mapping.
55
+ * [Legend](https://ej2.syncfusion.com/documentation/maps/legend/?utm_source=npm&utm_campaign=javascript-map-npm): Summarizes the information from the layers, markers and bubbles.
56
+ * [Annotation](https://ej2.syncfusion.com/documentation/maps/annotations/?utm_source=npm&utm_campaign=javascript-map-npm): Uses any custom HTML element as annotation and place it anywhere on the maps.
57
+ * [Selection and highlight](https://ej2.syncfusion.com/documentation/maps/user-interactions/?utm_source=npm&utm_campaign=javascript-map-npm#selection): Supports selecting or highlighting shapes to bring center of attraction.
58
+ * [Zooming and panning](https://ej2.syncfusion.com/documentation/maps/user-interactions/?utm_source=npm&utm_campaign=javascript-map-npm#zooming): Allows to zoom in, zoom out, and pan the map to show in-depth information.
59
+ * [Tooltip](https://ej2.syncfusion.com/documentation/maps/user-interactions/?utm_source=npm&utm_campaign=javascript-map-npm#tooltip): Provides additonal information about the shapes on hover.
60
+ * [Print and Export](https://ej2.syncfusion.com/documentation/maps/print/?utm_source=npm&utm_campaign=javascript-map-npm): Prints or exports the rendered maps to a desired format. Exporting supports four formats: PDF, PNG, JPEG and SVG.
61
+ * [Templates](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=javascript-map-npm#/material/maps/marker-template.html): Templates can be used to create custom user experiences in the Maps.
62
+ * [Globalization](https://ej2.syncfusion.com/documentation/maps/internationalization/?utm_source=npm&utm_campaign=javascript-map-npm): Personalize the Maps control with different languages, as well as culture-specific number, date and time formatting.
63
+ * [Accessibility](https://ej2.syncfusion.com/documentation/maps/accessibility/?utm_source=npm&utm_campaign=javascript-map-npm): Provides with built-in accessibility support which helps to access all the Maps control features through the keyboard, screen readers, or other assistive technology devices.
35
64
 
36
- * Heat map ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/heatmap.html))
37
- * Flight routes ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/curvedlines.html))
38
- * Bus seat booking ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/seatSelection.html))
39
-
40
- ## Key Features
65
+ ## Support
41
66
 
42
- * [**Data sources**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/default.html) - Binds the maps component with an array of JSON objects or DataManager.
43
- * [**Projection**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/default.html) - Maps can be rendered in eight types of projections.
44
- * [**Drill-down**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/drilldown.html) - Provides drill-down option to have a closer look at the lower level of a hierarchy.
45
- * [**Marker**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/layout.html) - Provides marker support to mark a specific place of interest in the map.
46
- * [**Data label**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/label.html) - Provides additional information about the shapes.
47
- * [**Bubble**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/customization.html) - Represents the underlying data values of the shapes.
48
- * [**Navigation line**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/customization.html) - Denotes the path between two locations.
49
- * [**Color mapping**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/label.html) - Applies colors to the shapes based on various conditions. Maps supports two types of color mapping: range color mapping and equal color mapping.
50
- * [**Legend**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/election.html) - Denotes the color mapping categories.
51
- * [**Annotation**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/customization.html) - Uses any custom HTML element as annotation and place it anywhere on the maps.
52
- * [**Selection and Highlight**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/selection.html) - Supports selecting or highlighting the shapes to bring center of attraction.
53
- * [**Zooming and Panning**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/selection.html) - Allows to zoom in, out, and pan the map to show in-depth information.
54
- * [**Tooltip**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/tooltip.html) - Provides additonal information about the shapes on mouse hover.
55
- * [**Print and Export**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/print.html) - Provides options to print and export the rendered maps for future use.
67
+ Product support is available through the following mediums.
56
68
 
57
- ## Support
69
+ * [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
70
+ * [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=javascript-map-npm)
71
+ * [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new)
72
+ * [Request feature or report bug](https://www.syncfusion.com/feedback/javascript?utm_source=npm&utm_medium=listing&utm_campaign=javascript-map-npm)
73
+ * Live chat
58
74
 
59
- Product support is available for through following mediums.
75
+ ## Changelog
60
76
 
61
- * Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=maps) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=maps).
62
- * New [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues).
63
- * Ask your query in Stack Overflow with tag `syncfusion`, `ej2`
77
+ Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/maps/CHANGELOG.md?utm_source=npm&utm_campaign=javascript-map-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
64
78
 
65
- ## License
79
+ ## License and copyright
66
80
 
67
- Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license?utm_source=npm&utm_campaign=maps).
81
+ > This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this control, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
68
82
 
69
- ## Changelog
83
+ > A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
70
84
 
71
- Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/maps/CHANGELOG.md?utm_source=npm&utm_campaign=maps)
85
+ See [LICENSE FILE](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/maps/license?utm_source=npm&utm_campaign=javascript-map-npm) for more info.
72
86
 
73
87
  © Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.