@syncfusion/ej2-maps 23.1.44 → 23.2.7

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

@@ -9856,8 +9856,8 @@ let Maps = class Maps extends Component {
                 navigationLine = layer.navigationLineSettings;
                 for (const navigation of navigationLine) {
                     if (navigation.visible) {
-                        isSelection = navigation.highlightSettings.enable || isSelection;
-                        isHighlight = navigation.selectionSettings.enable || isHighlight;
+                        isSelection = (!isNullOrUndefined(navigation.highlightSettings) && navigation.highlightSettings.enable) || isSelection;
+                        isHighlight = (!isNullOrUndefined(navigation.selectionSettings) && navigation.selectionSettings.enable) || isHighlight;
                     }
                 }
                 for (const marker$$1 of markers) {
@@ -10910,17 +10910,17 @@ class NavigationLine {
                 id: this.maps.element.id + '_LayerIndex_' + layerIndex + '_line_Group'
             }));
             for (let i = 0; i < navigation.length; i++) {
-                latitude = navigation[i]['properties']['latitude'];
-                longitude = navigation[i]['properties']['longitude'];
-                visible = navigation[i]['properties']['visible'];
-                angle = navigation[i]['angle'];
-                width = navigation[i]['width'] || 1;
-                color = navigation[i]['color'];
-                dashArray = navigation[i]['properties']['dashArray'];
-                arrowSettings = navigation[i]['properties']['arrowSettings'];
-                showArrow = (isNullOrUndefined(arrowSettings)) ? false : arrowSettings['properties']['showArrow'];
-                if (longitude['length'] === latitude['length'] && visible) {
-                    for (let i = 0; i < longitude['length']; i++) {
+                latitude = navigation[i].latitude;
+                longitude = navigation[i].longitude;
+                visible = !isNullOrUndefined(navigation[i].visible) ? navigation[i].visible : false;
+                angle = !isNullOrUndefined(navigation[i].angle) ? navigation[i].angle : 0;
+                width = navigation[i].width || 1;
+                color = navigation[i].color;
+                dashArray = navigation[i].dashArray;
+                arrowSettings = navigation[i].arrowSettings;
+                showArrow = !isNullOrUndefined(arrowSettings) ? arrowSettings.showArrow : false;
+                if (longitude.length === latitude.length && visible) {
+                    for (let i = 0; i < longitude.length; i++) {
                         const location = (this.maps.isTileMap) ? convertTileLatLongToPoint(new Point(longitude[i], latitude[i]), factor, this.maps.tileTranslatePoint, true) : convertGeoToPoint(latitude[i], longitude[i], factor, layer, this.maps);
                         point.push(location);
                     }
@@ -10928,7 +10928,7 @@ class NavigationLine {
                 navigationGroup = (this.maps.renderer.createGroup({
                     id: this.maps.element.id + '_LayerIndex_' + layerIndex + '_NavigationGroup' + i + ''
                 }));
-                for (let j = 0; j < point['length'] - 1; j++) {
+                for (let j = 0; j < point.length - 1; j++) {
                     angle = (-1 > angle) ? -1 : angle;
                     angle = (1 < angle) ? 1 : angle;
                     const arcId = this.maps.element.id + '_LayerIndex_' + layerIndex + '_NavigationIndex_' + i + '_Line' + j + '';
@@ -10946,11 +10946,11 @@ class NavigationLine {
                         }
                     }
                     if (showArrow) {
-                        arrowColor = arrowSettings['properties']['color'];
-                        arrowSize = arrowSettings['properties']['size'];
-                        offSetValue = (arrowSettings['properties']['offSet'] === undefined) ? 0 : arrowSettings['properties']['offSet'];
+                        arrowColor = arrowSettings.color;
+                        arrowSize = arrowSettings.size;
+                        offSetValue = !isNullOrUndefined(arrowSettings.offSet) ? arrowSettings.offSet : 0;
                         const divide = (Math.round(arrowSize / 2));
-                        arrowPosition = arrowSettings['properties']['position'];
+                        arrowPosition = arrowSettings.position;
                         startArrow = (arrowPosition === 'Start') ? 'url(#triangle' + i + ')' : null;
                         endArrow = (arrowPosition === 'End') ? 'url(#triangle' + i + ')' : null;
                         if (offSet !== 0 && angle === 0) {