@syncfusion/ej2-maps 21.1.35 → 21.1.38

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

@@ -8550,7 +8550,7 @@ let Maps = class Maps extends Component {
                         latLongValue.latitude = -latLongValue.latitude;
                     }
                 }
-                else if (targetId.indexOf('_MarkerIndex_') > -1 && this.markerModule) {
+                else if (targetId.indexOf('_MarkerIndex_') > -1 && this.markerModule && !this.markerDragArgument) {
                     const markerIndex = parseInt(targetId.split('_MarkerIndex_')[1].split('_')[0], 10);
                     const dataIndex = parseInt(targetId.split('_dataIndex_')[1].split('_')[0], 10);
                     if (!isNaN(markerIndex) && !isNaN(dataIndex)) {
@@ -8561,6 +8561,23 @@ let Maps = class Maps extends Component {
                         latLongValue = { latitude: null, longitude: null };
                     }
                 }
+                else if (targetId.indexOf('_MarkerIndex_') > -1 && this.markerModule && this.markerDragArgument) {
+                    const element = document.getElementById(this.element.id + '_LayerIndex_' + this.markerDragArgument.layerIndex);
+                    const elementRect = element.getBoundingClientRect();
+                    const location = new MapLocation(pageX > elementRect.left ? Math.abs(elementRect.left - pageX) : 0, pageY > elementRect.top ? Math.abs(elementRect.top - pageY) : 0);
+                    const minLongitude = Math.abs((-this.baseMapBounds.longitude.min) * this.mapLayerPanel.currentFactor);
+                    const minLatitude = Math.abs(this.baseMapBounds.latitude.max * this.mapLayerPanel.currentFactor);
+                    latLongValue = {
+                        latitude: Math.abs(this.baseMapBounds.latitude.max - (location.y / (this.mapLayerPanel.currentFactor * this.scale))),
+                        longitude: Math.abs((location.x / (this.mapLayerPanel.currentFactor * this.scale)) + this.baseMapBounds.longitude.min)
+                    };
+                    if (this.baseMapBounds.longitude.min < 0 && minLongitude > location.x) {
+                        latLongValue.longitude = -latLongValue.longitude;
+                    }
+                    if (this.baseMapBounds.latitude.min < 0 && minLatitude > location.y) {
+                        latLongValue.latitude = -latLongValue.latitude;
+                    }
+                }
                 else {
                     latLongValue = { latitude: null, longitude: null };
                 }
@@ -13344,7 +13361,7 @@ class Selection {
                 this.selectionsettings = this.maps.layers[layerIndex].markerSettings[markerIndex].selectionSettings;
                 this.selectionType = 'Marker';
             }
-            else {
+            else if (targetElement.id.indexOf('NavigationIndex') > -1) {
                 const index = parseInt(targetElement.id.split('_NavigationIndex_')[1].split('_')[0], 10);
                 shapeData = null;
                 data = {
@@ -13354,7 +13371,7 @@ class Selection {
                 this.selectionsettings = this.maps.layers[layerIndex].navigationLineSettings[index].selectionSettings;
                 this.selectionType = 'navigationline';
             }
-            if (this.selectionsettings.enable) {
+            if (!isNullOrUndefined(this.selectionsettings) && this.selectionsettings.enable) {
                 this.selectElement(targetElement, layerIndex, data, shapeData);
             }
         }