@syncfusion/ej2-maps 24.2.3 → 24.2.4

package/dist/es6/ej2-maps.es2015.js

@@ -8302,7 +8302,7 @@ let Maps = class Maps extends Component {
         document.getElementById(this.element.id + "_svg").style.cursor = 'grabbing';
         const targetElement = getElement(marker$$1.targetId);
         let latLongValue = this.getClickLocation(marker$$1.targetId, pageX, pageY, targetElement, x, y);
-        const 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$$1.layerIndex], this);
+        const 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$$1.layerIndex], this);
         const transPoint = this.translatePoint;
         const translateX = (this.isTileMap ? location.x : (location.x + transPoint.x) * this.scale);
         const translateY = (this.isTileMap ? location.y : (location.y + transPoint.y) * this.scale);
@@ -8318,6 +8318,7 @@ let Maps = class Maps extends Component {
         }
         return latLongValue;
     }
+    /** @private */
     getClickLocation(targetId, pageX, pageY, targetElement, x, y) {
         let layerIndex = 0;
         let latLongValue;
@@ -8327,12 +8328,17 @@ let Maps = class Maps extends Component {
             layerIndex = parseFloat(targetId.split('_LayerIndex_')[1].split('_')[0]);
             if (this.layers[layerIndex].geometryType === 'Normal') {
                 if (targetId.indexOf('_shapeIndex_') > -1) {
-                    const location = getMousePosition(pageX, pageY, targetElement.parentElement);
-                    const minLongitude = Math.abs((-this.baseMapBounds.longitude.min) * this.mapLayerPanel.currentFactor);
-                    const minLatitude = Math.abs(this.baseMapBounds.latitude.max * this.mapLayerPanel.currentFactor);
+                    const immediateParent = targetElement.parentElement;
+                    const 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;
+                    const location = getMousePosition(pageX, pageY, parentElement);
+                    const zoomScaleValue = this.mapLayerPanel.currentFactor * this.mapScaleValue;
+                    const minLongitude = Math.abs((-this.baseMapBounds.longitude.min) * zoomScaleValue);
+                    const minLatitude = Math.abs(this.baseMapBounds.latitude.max * zoomScaleValue);
                     latLongValue = {
-                        latitude: Math.abs(this.baseMapBounds.latitude.max - (location.y / this.mapLayerPanel.currentFactor)),
-                        longitude: Math.abs((location.x / this.mapLayerPanel.currentFactor) + this.baseMapBounds.longitude.min)
+                        latitude: Math.abs(this.baseMapBounds.latitude.max - (location.y / zoomScaleValue)),
+                        longitude: Math.abs((location.x / zoomScaleValue) + this.baseMapBounds.longitude.min)
                     };
                     if (this.baseMapBounds.longitude.min < 0 && minLongitude > location.x) {
                         latLongValue.longitude = -latLongValue.longitude;