@syncfusion/ej2-maps 24.2.3 → 24.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.3
+*  version : 24.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-maps@*",
-  "_id": "@syncfusion/ej2-maps@24.1.47",
+  "_id": "@syncfusion/ej2-maps@24.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-8r/mKrM8doGFlqjSBkgQlpSlMs44HjsXvNVKcPOKmbkiBVnYPXEMVv3fB17i9JBcYDsIZhQCwnHLjJhcGC9rFQ==",
+  "_integrity": "sha512-BaaTF4jeFZlhezCjeUOzd7aQM/3otxJo5NGf/qauIMwrYjSq22pdOPme89Ptnu64FW3tEua9lUxZ5R3dGOK16g==",
   "_location": "/@syncfusion/ej2-maps",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-vue-maps"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-24.1.47.tgz",
-  "_shasum": "a16cef9280427d05c31130c8ddf069cf5ecfbe17",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-24.2.3.tgz",
+  "_shasum": "8d7d8c62ba2b21ab6c14b3f5a2e37cb3fdbdbd23",
   "_spec": "@syncfusion/ej2-maps@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -93,6 +93,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.2.3",
+  "version": "24.2.4",
   "sideEffects": false
 }

package/src/maps/maps.d.ts

@@ -908,7 +908,8 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     private clickHandler;
     private triggerShapeSelection;
     private getMarkerClickLocation;
-    private getClickLocation;
+    /** @private */
+    getClickLocation(targetId: string, pageX: number, pageY: number, targetElement: HTMLElement, x: number, y: number): GeoPosition;
     private removeTileMap;
     /**
      * This method is used to perform operations when mouse click on maps.

package/src/maps/maps.js

@@ -1169,7 +1169,7 @@ var Maps = /** @class */ (function (_super) {
         document.getElementById(this.element.id + "_svg").style.cursor = 'grabbing';
         var targetElement = getElement(marker.targetId);
         var latLongValue = this.getClickLocation(marker.targetId, pageX, pageY, targetElement, x, y);
-        var location = (this.isTileMap) ? convertTileLatLongToPoint(new MapLocation(latLongValue.longitude, latLongValue.latitude), this.scale, this.tileTranslatePoint, true) : convertGeoToPoint(latLongValue.latitude, latLongValue.longitude, this.mapLayerPanel.currentFactor, this.layersCollection[marker.layerIndex], this);
+        var location = (this.isTileMap) ? convertTileLatLongToPoint(new MapLocation(latLongValue.longitude, latLongValue.latitude), this.tileZoomLevel, this.tileTranslatePoint, true) : convertGeoToPoint(latLongValue.latitude, latLongValue.longitude, this.mapLayerPanel.currentFactor, this.layersCollection[marker.layerIndex], this);
         var transPoint = this.translatePoint;
         var translateX = (this.isTileMap ? location.x : (location.x + transPoint.x) * this.scale);
         var translateY = (this.isTileMap ? location.y : (location.y + transPoint.y) * this.scale);
@@ -1185,6 +1185,7 @@ var Maps = /** @class */ (function (_super) {
         }
         return latLongValue;
     };
+    /** @private */
     Maps.prototype.getClickLocation = function (targetId, pageX, pageY, targetElement, x, y) {
         var layerIndex = 0;
         var latLongValue;
@@ -1194,12 +1195,17 @@ var Maps = /** @class */ (function (_super) {
             layerIndex = parseFloat(targetId.split('_LayerIndex_')[1].split('_')[0]);
             if (this.layers[layerIndex].geometryType === 'Normal') {
                 if (targetId.indexOf('_shapeIndex_') > -1) {
-                    var location_2 = getMousePosition(pageX, pageY, targetElement.parentElement);
-                    var minLongitude = Math.abs((-this.baseMapBounds.longitude.min) * this.mapLayerPanel.currentFactor);
-                    var minLatitude = Math.abs(this.baseMapBounds.latitude.max * this.mapLayerPanel.currentFactor);
+                    var immediateParent = targetElement.parentElement;
+                    var parentElement = immediateParent.id.indexOf('_Point_Group') > -1 || immediateParent.id.indexOf('_LineString_Group') > -1
+                        || immediateParent.id.indexOf('_MultiLineString_Group') > -1 || immediateParent.id.indexOf('_Polygon_Group') > -1 ?
+                        immediateParent.parentElement : immediateParent;
+                    var location_2 = getMousePosition(pageX, pageY, parentElement);
+                    var zoomScaleValue = this.mapLayerPanel.currentFactor * this.mapScaleValue;
+                    var minLongitude = Math.abs((-this.baseMapBounds.longitude.min) * zoomScaleValue);
+                    var minLatitude = Math.abs(this.baseMapBounds.latitude.max * zoomScaleValue);
                     latLongValue = {
-                        latitude: Math.abs(this.baseMapBounds.latitude.max - (location_2.y / this.mapLayerPanel.currentFactor)),
-                        longitude: Math.abs((location_2.x / this.mapLayerPanel.currentFactor) + this.baseMapBounds.longitude.min)
+                        latitude: Math.abs(this.baseMapBounds.latitude.max - (location_2.y / zoomScaleValue)),
+                        longitude: Math.abs((location_2.x / zoomScaleValue) + this.baseMapBounds.longitude.min)
                     };
                     if (this.baseMapBounds.longitude.min < 0 && minLongitude > location_2.x) {
                         latLongValue.longitude = -latLongValue.longitude;