@syncfusion/ej2-maps 23.1.44 → 23.2.7

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

@@ -10163,8 +10163,8 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
                 for (var _a = 0, navigationLine_1 = navigationLine; _a < navigationLine_1.length; _a++) {
                     var navigation = navigationLine_1[_a];
                     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 (var _b = 0, markers_1 = markers; _b < markers_1.length; _b++) {
@@ -11224,17 +11224,17 @@ var NavigationLine = /** @__PURE__ @class */ (function () {
                 id: this.maps.element.id + '_LayerIndex_' + layerIndex + '_line_Group'
             }));
             for (var 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 (var i_1 = 0; i_1 < longitude['length']; i_1++) {
+                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 (var i_1 = 0; i_1 < longitude.length; i_1++) {
                         var location_1 = (this.maps.isTileMap) ? convertTileLatLongToPoint(new Point(longitude[i_1], latitude[i_1]), factor, this.maps.tileTranslatePoint, true) : convertGeoToPoint(latitude[i_1], longitude[i_1], factor, layer, this.maps);
                         point.push(location_1);
                     }
@@ -11242,7 +11242,7 @@ var NavigationLine = /** @__PURE__ @class */ (function () {
                 navigationGroup = (this.maps.renderer.createGroup({
                     id: this.maps.element.id + '_LayerIndex_' + layerIndex + '_NavigationGroup' + i + ''
                 }));
-                for (var j = 0; j < point['length'] - 1; j++) {
+                for (var j = 0; j < point.length - 1; j++) {
                     angle = (-1 > angle) ? -1 : angle;
                     angle = (1 < angle) ? 1 : angle;
                     var arcId = this.maps.element.id + '_LayerIndex_' + layerIndex + '_NavigationIndex_' + i + '_Line' + j + '';
@@ -11260,11 +11260,11 @@ var NavigationLine = /** @__PURE__ @class */ (function () {
                         }
                     }
                     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;
                         var 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) {