- An animation transition will now occur when the data labels are first rendered.
#I493376- The tooltip will now be displayed properly above the marker templates.
#I485498- Mouse events will now work properly on the marker templates.
#I482286- When the page containing the Maps, which is placed in the dashboard, is switched dynamically, script errors are no longer thrown.
#I275734,#I293775- The appearance of the buttons and tooltips in the zoom toolbar can now be customized using properties in thebuttonSettingsandtooltipSettingsin thetoolbarSettingsproperty ofzoomSettings.#I425592- The marker rendered in the Maps can now be dragged and dropped in the desired location based on the requirement. Events are also supported to notify the drag start and end.
- When panning is performed, the image rendering in online map providers is now improved.
#I413909- When the highlight is removed from the interactive legend, the opacity of the corresponding shape is now properly maintained.#I412101-shapeHighlightevent will now trigger properly.#I411790-zoomByPositionmethod will now work properly in the online map providers.#I401870- The fixes for the styles, related to the Content Security Policy (CSP), are included.
#I408673- Data labels will now render properly when the values fromshapeDataPathandshapePropertyPathare numbers.
- The
clickevent is deprecated because it is triggered twice in the Angular application. The reason for this is that in Angular, the nativeclickevent is triggered first, followed by theclickevent available on Maps. To address this, we introduced aonclickevent for the same functionality, which will now only trigger once.
#I404496- Europe GeoJSON map will now render properly when legend is enabled.#F175229-offsetXandoffsetYproperties are now available in the event arguments ofdataLabelRenderingevent to customize the label position.
- Azure Maps can now be loaded and viewed through our Maps.
#I390757- As an alternative to theclickevent, theonclickevent is exposed.
#I392653- Thecontentproperty in the event argument can now be used to customize the layer tooltip with format in thetooltipRenderevent.#F174180- Maps will function properly when adding and removing layers via thezoomevent.
#I388045- In mobile devices, the marker tooltip will now render properly when touched.
- GeoJSON data with geometry types like "MultiLineString," "MultiPoint," and "GeometryCollection" can now be displayed in Maps.
#F170451-urlTemplatehas been extended to accept tile server URLs from online map providers like ESRI, TomTom, and Mapbox.#I326902- Support for legend is provided when markers or sublayers are rendered in the online map providers.
- "Maps throws script error while resizing the window in React 18 sample" issue has been resolved.
#F174008-cancelargument of thezoomevent will work as expected when the value is set as true.
- Maps control now supports keyboard interaction for zooming, navigating, and other functions.
#F173348- When the Maps control is printed, the position of the markers will now be proper.
- GeoJSON maps with "LineString" geometry type is now supported in the Maps control.
- When the
animationDurationproperty is set, the zooming of map service providers such as OSM, Bing, and others is now smoother.
#F163990- When theimageUrlValuePathproperty is set as the source image for the markers, image type markers will render properly.
- Script error will not be thrown when a shape is selected without binding the data source to the Maps.
#I342201- When theprojectionTypeis set toEquirectangular, data labels will now render correctly.
#F164278-clickevent will now work properly in the mobile devices.
#318561- When theheightproperty is set to a percentage value, Maps can now render with proper height of the parent element.
#315251- Theopacityproperty forborderinshapeSettingsis exposed to provide opacity for the border of the shapes.
#F163539- The data labels will now render properly when the value oflabelPathofdataLabelSettingsis different from the value ofshapePropertyPathandshapeDataPath.
#312465- When thezoomFactorproperty is set as 0 in the tile maps, it now renders properly.#311273- TheimageUrlValuePathproperty now correctly renders markers as images.#312865- Markers will now render properly when they are added dynamically in the click event with "Normal" geometry type maps.#317398-shapeSelectionmethod will now work properly with multi-layers on the Maps.
#306094-borderWidthValuePathandborderColorValuePathproperties are exposed to set border width and color to individual shapes using data source values.
#307853- The property in the JSON for the maps shape data can now be displayed in the tooltip template.
#302270- The position of the marker cluster will now render properly when the Map control is positioned in an absolute location.
#301355- The balloon marker will now select properly withinitialMarkerSelection.
#298697- The font style of legend and data labels will be now set properly.
#292757-doubleClickevent will now be triggered properly.
#292757- The multiple tile maps in a single page will now work properly.
#291448 - A property isShapeSelected is exposed in the event arguments of the click event to specify whether the map shape is selected or not.
#F157226- Marker clusters will now render properly when the markers are added dynamically to the maps.#289864- Hyperlinks added in the tooltip template will now be clickable in the click action.#289034- Panning will now work properly on mobile devices.#287918- Markers will now render properly when the animation duration is greater than 0.#285727- Outline for the shapes will no longer appear when clicking on it.
#285727- Outline for the shapes will no longer appear when clicking on it.
- The data manager support for bubble and marker data source is now available.
Googleenum value is provided inShapeLayerTypeto render the Google maps in the Maps control.#280380-isResizedargument is exposed in theloadedevent argument for indicating that the component is resized.
#278468- The script errors will not be thrown when rendering the GeoJSON file with line string geometry in Maps control.#280380- The center position property will be maintained when the zooming operation is done after the reset zoom.
-
#I244108,#I240060,#I247767,#I250088- Provided support to zoom the maps initially, based on the marker’s location. -
#I248021- Provided support to cluster and expand markers with the same latitude and longitude values. -
#I253516- Provided clustering support for marker templates. -
#I255189- Improved themarkerClusterClickevent to get the hidden cluster collection details. -
#I242130- Provided support to select or deselect the shapes dynamically and on initial rendering. -
#I248172- Provided support to show tooltip on tap/click. -
F146103,F147309- Provided support to bind the shapes and colors to the markers from the data source.
- Improved the marker cluster appearance for duplicate markers.
F147309- Issue in adding sub layer in the 'OpenStreetMap' has been resolved.
- The toggle option has been provided for legend. So, if you toggle the legend, the given color will be changed to the corresponding shape item.
#244108- The issue with legend border that does not disappear when hover over the legend item has been fixed.- The issue with tooltip was not working in Internet Explorer 11 browser has been fixed.
#I243271- The issue with changing text in our component when the text argument is changed in the datalabelRendering event has been fixed.#I243499- The issue with arrow option in the navigation line has been fixed.#I238404- The issue with bubble color and size when using point type shape data has been fixed.
#I240804- The issue with dynamically updating the zoom factor along with the initial case of the zoom factor has been fixed.#I240836- The issue with border that was not applied for marker highlight and selection has been fixed.
#I240833- Some labels disappear when you change "colorMapping" and refresh the map issue has been fixed.I240804- The issue with dynamically updating the zoom factor has been fixedI241873- The issue with zooming the map component with a single click has been fixed
#I240835- Highlight border thickness on the shape is huge when hovering on the legend item, it does not set as we given in code issue has been fixed#I240836- Marker highlight and selection settings do not make a difference issue has been fixed#I240834- Interactive legend is not working while changing data source issue has been fixed.
#F143717- Zooming toolbar position misalign problem that occurs when there are multiple elements in DOM has been fixed#I238404- The issue that occurs when rendering bubble for point type Shape Data has been fixed#I238839- The console error that occurs when mouse leaves from the maps Shapes with legend hide option has been resolved
- Now, the border style is applied properly to the shapes when performing selection.
- Changed the OSM and Bing maps URL from http to https.
- Padding issue for OSM type layers resolved now.
- Support has been added for desaturation color mapping.
- Support has been added to hide specific legend items and bind legend text from data source.
- Support has been added for highlighting or selecting the legend items along with shapes.
- Support has been added to specify multiple fields in the data source for shapePropertyPath.
- Events has been added for zoom-in and zoom-out.
- Now map is rendering properly in universal applications
- Now panning works properly without freezing
- Now the data labels are rendering properly with numeric values.
- The maps tooltip has been replaced with
EJ2 SVG Tooltip, so now it is mandatory to includeej2-svg-base.umd.min.jsin system.js configuration if you are using system.js module loader. Update the system.js configuration while using this version and above.
- Tooltip is now working properly for marker in OSM map.
- Shape selection is now working fine with touch events.
- Marker click event is now working fine with OSM layer.
- Bing map type is changed as AerialWithLabels and now it is rendering properly with labels.
- Support has been added for animating the shapes on zooming.
- Support has been added to trim the maps title, when it exceeds the available width.
- Support had been provided for printing and exporting the maps.
- Support has been provided for printing.
The Maps control is used to visualize the geographical data. It is used to represent the statistical data of a particular geographical area on Earth, with user interactivity and provides various customizing options. All the map elements are rendered using Scalable Vector Graphics (SVG).
- Layers - Map is maintained through layers and it can accommodate one or more layers.
- GeoJSON Data Input - Supports GeoJSON data, which allows you to plot your own shapes in the maps.
- Map Providers - Supports map providers such as Bing and OpenStreetMap that can be added to any layers.
- Projection - Supports 6 types of map projections.
- Marker - Supports 10 types of marker shapes and also takes custom HTML element.
- Bubbles - Supports 2 types of bubbles such as Circle and Square.
- Legend - Supports legend which is useful in providing additional information about shapes, bubbles and markers with paging and customization options.
- Data Labels - Supports data label to provide additional information about the shapes.
- Navigation Lines - Lines can be rendered between various points in map.
- Annotations - Supports placing any HTML element on desired location in the map.
- User interaction - Supports interactive features like zooming, panning, tooltip, highlight, selection and interactive legend.