mirage2d 1.1.25 → 1.1.26

package/dist/mirage2d.es.js

@@ -176580,6 +176580,8 @@ class PathLayer extends baseGraphicLayer {
         tracking: true,
         trackingDirection: true,
         showNode: true,
+        showStartEndNode: true,
+        showPathLine: true,
         scale: 1,
         pointDistance: 0.5
       }
@@ -176648,6 +176650,7 @@ class PathLayer extends baseGraphicLayer {
       console.log(e2);
       if (!e2.route.length) {
         console.log("\u6CA1\u627E\u5230");
+        this.trigger(featureType.onPathComputerComplete, { pathLine: null, distance: 0 });
         return;
       }
       this.routeFeatures = e2.route;
@@ -176711,11 +176714,13 @@ class PathLayer extends baseGraphicLayer {
         }),
         fill: new Fill$1({ color: "rgba(255, 255, 255, 0.1)" })
       }));
-      this.resultSource.addFeature(this.geoMarker);
-      this.resultSource.addFeature(this.oldPathLineFeature);
-      this.resultSource.addFeature(this.pathLineFeature);
+      if (this.option.navigationOption.showPathLine) {
+        this.resultSource.addFeature(this.geoMarker);
+        this.resultSource.addFeature(this.oldPathLineFeature);
+        this.resultSource.addFeature(this.pathLineFeature);
+      }
       let mDistance = getLength(this.pathLineFeature.getGeometry());
-      this.trigger(featureType.onPathComputerComplete, { distance: mDistance });
+      this.trigger(featureType.onPathComputerComplete, { pathLine: this.pathLineFeature, distance: mDistance });
     });
     this.dijkstra.on("pause", (e2) => {
       if (e2.overflow) {
@@ -176775,46 +176780,48 @@ class PathLayer extends baseGraphicLayer {
           })
         }));
       }
-      styles.push(new Style$5({
-        geometry: new Point$4(coords[0]),
-        image: new CircleStyle$1({
-          radius: 12,
-          fill: new Fill$1({
-            color: "green"
-          })
-        }),
-        text: new Text$7({
-          offsetX: 0,
-          offsetY: 0,
-          textAlign: "center",
-          textBaseline: "middle",
-          text: "\u8D77",
-          font: "12px sans-serif",
-          fill: new Fill$1({
-            color: "white"
-          })
-        })
-      }));
-      styles.push(new Style$5({
-        geometry: new Point$4(coords[coords.length - 1]),
-        image: new CircleStyle$1({
-          radius: 12,
-          fill: new Fill$1({
-            color: "#bb1422"
+      if (this.option.navigationOption.showStartEndNode) {
+        styles.push(new Style$5({
+          geometry: new Point$4(coords[0]),
+          image: new CircleStyle$1({
+            radius: 12,
+            fill: new Fill$1({
+              color: "green"
+            })
+          }),
+          text: new Text$7({
+            offsetX: 0,
+            offsetY: 0,
+            textAlign: "center",
+            textBaseline: "middle",
+            text: "\u8D77",
+            font: "12px sans-serif",
+            fill: new Fill$1({
+              color: "white"
+            })
           })
-        }),
-        text: new Text$7({
-          offsetX: 0,
-          offsetY: 0,
-          textAlign: "center",
-          textBaseline: "middle",
-          text: "\u7EC8",
-          font: "12px sans-serif",
-          fill: new Fill$1({
-            color: "white"
+        }));
+        styles.push(new Style$5({
+          geometry: new Point$4(coords[coords.length - 1]),
+          image: new CircleStyle$1({
+            radius: 12,
+            fill: new Fill$1({
+              color: "#bb1422"
+            })
+          }),
+          text: new Text$7({
+            offsetX: 0,
+            offsetY: 0,
+            textAlign: "center",
+            textBaseline: "middle",
+            text: "\u7EC8",
+            font: "12px sans-serif",
+            fill: new Fill$1({
+              color: "white"
+            })
           })
-        })
-      }));
+        }));
+      }
     }
     return styles;
   }