@syncfusion/ej2-maps 20.3.49 → 20.4.38

package/.eslintrc.json

@@ -6,7 +6,8 @@
     "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
-        "plugin:jsdoc/recommended"
+        "plugin:jsdoc/recommended",
+        "plugin:security/recommended"
     ],
     "parser": "@typescript-eslint/parser",
     "parserOptions": {
@@ -18,10 +19,24 @@
     "plugins": [
         "@typescript-eslint",
         "@typescript-eslint/tslint",
+        "eslint-plugin-security",
         "jsdoc"
     ],
     "rules": {
         "use-isnan": "error",
+        "security/detect-unsafe-regex":"error",
+        "security/detect-buffer-noassert":"error",
+        "security/detect-child-process":"error",
+        "security/detect-disable-mustache-escape":"error",
+        "security/detect-eval-with-expression":"error",
+        "security/detect-no-csrf-before-method-override":"error",
+        "security/detect-non-literal-fs-filename":"error",
+        "security/detect-non-literal-regexp":"error",
+        "security/detect-non-literal-require":"error",
+        "security/detect-object-injection":"error",
+        "security/detect-possible-timing-attacks":"error",
+        "security/detect-pseudoRandomBytes":"error",
+        "security/detect-new-buffer":"error",
         "@typescript-eslint/no-inferrable-types": "off",
         "@typescript-eslint/ban-types": ["warn", {
             "types": {

package/CHANGELOG.md

@@ -10,6 +10,25 @@
 
 ### Maps
 
+#### New Features
+
+- When panning is performed, the image rendering in online map providers is now improved.
+
+## 20.3.56 (2022-11-08)
+
+### Maps
+
+#### Bug Fixes
+
+- `#I413909` - When the highlight is removed from the interactive legend, the opacity of the corresponding shape is now properly maintained.
+- `#I412101` - `shapeHighlight` event will now trigger properly.
+- `#I411790` - `zoomByPosition` method will now work properly in the online map providers.
+- `#I401870` - The fixes for the styles, related to the Content Security Policy (CSP), are included.
+
+## 20.3.49 (2022-10-11)
+
+### Maps
+
 #### Bug Fixes
 
 - `#I408673` - Data labels will now render properly when the values from `shapeDataPath` and `shapePropertyPath` are numbers.

package/README.md

@@ -1,73 +1,87 @@
-# ej2-maps
+# JavaScript Maps Control
 
-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. 
+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.
 
-![Maps](https://ej2.syncfusion.com/products/images/maps/readme.gif)
+<p align="center">
+    <a href="https://ej2.syncfusion.com/documentation/maps/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-map-npm">Getting started</a> . 
+    <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> . 
+    <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>
+</p>
 
-> 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)
+<p align="center">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-map.png" alt="JavaScript Maps Control">
+</p>
+
+<p align="center">
+Trusted by the world's leading companies
+  <a href="https://www.syncfusion.com">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
+  </a>
+</p>
 
 ## Setup
 
-To install Maps and its dependent packages, use the following command.
+To install the Maps and its dependent packages, use the following command.
 
 ```sh
 npm install @syncfusion/ej2-maps
 ```
 
-## Resources
-
-* [Getting Started](https://ej2.syncfusion.com/documentation/maps/getting-started.html?lang=typescript)
-* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/default.html)
-* [Product Page](https://www.syncfusion.com/products/javascript/maps)
-
-## Supported Frameworks
-
-Maps component is also offered in following list of frameworks.
-
-1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-maps?utm_source=npm&utm_campaign=maps)
-2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-maps?utm_source=npm&utm_campaign=maps)
-3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-maps?utm_source=npm&utm_campaign=maps)
-4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/Maps/Default#/material)
-5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/Maps/Default#/material)
-6. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript/maps)
-
-## Use case samples
+## Supported frameworks
+
+Maps control is also offered in the following list of frameworks.
+
+| [<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; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
+
+## Showcase samples
+
+* Heat map - [Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=javascript-map-npm#/material/maps/heat-map.html)
+* Flight routes - [Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=javascript-map-npm#/material/maps/curved-lines.html)
+* Bus seat booking - [Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=javascript-map-npm#/material/maps/seat-selection.html)
+
+## Key features
+
+* [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.
+* [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.
+* [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.
+* [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.
+* [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.
+* [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.
+* [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.
+* [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.
+* [Navigation line](https://ej2.syncfusion.com/documentation/maps/navigation-line/?utm_source=npm&utm_campaign=javascript-map-npm): Denotes the path between two locations.
+* [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.
+* [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.
+* [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.
+* [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.
+* [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.
+* [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.
+* [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.
+* [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.
+* [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.
+* [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.
 
-* Heat map ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/heatmap.html))
-* Flight routes ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/curvedlines.html))
-* Bus seat booking ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/seatSelection.html))
-
-## Key Features
+## Support
 
-* [**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.
-* [**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.
-* [**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.
-* [**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.
-* [**Data label**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/label.html) - Provides additional information about the shapes.
-* [**Bubble**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/customization.html) - Represents the underlying data values of the shapes.
-* [**Navigation line**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/customization.html) - Denotes the path between two locations.
-* [**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.
-* [**Legend**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maps#/material/maps/election.html) - Denotes the color mapping categories.
-* [**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.
-* [**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.
-* [**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.
-* [**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.
-* [**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.
+Product support is available through the following mediums.
 
-## Support
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=javascript-map-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/javascript?utm_source=npm&utm_medium=listing&utm_campaign=javascript-map-npm)
+* Live chat
 
-Product support is available for through following mediums.
+## Changelog
 
-* 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).
-* New [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`
+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.
 
-## License
+## License and copyright
 
-Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license?utm_source=npm&utm_campaign=maps).
+> 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).
 
-## Changelog
+> 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.
 
-Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/maps/CHANGELOG.md?utm_source=npm&utm_campaign=maps)
+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.
 
 © Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.