@heycar/heycars-map 2.14.0-walkOptimize1 → 2.15.0-domestic1

package/dist/v2/business-components/BusinessRecomendPlaceMap/BusinessRecomendPlaceMap.d.ts

@@ -28,6 +28,7 @@ export interface BusinessRecomendPlaceMapProps extends CoordinatifyProps<Omit<He
     emptyTitle: string;
     queryingTitle: string;
     recomendDescription: string;
+    enableNearbyCars?: boolean;
     disableLocator?: boolean;
     disableLocatorPhoto?: boolean;
     geoErrorOnceNotificationKey?: string;

package/dist/v2/business-components/BusinessRecomendPlaceMap/BusinessRecomendPlaceMap.js

@@ -26,8 +26,9 @@ import "../DeviceOrientation/DeviceOrientation.js";
 import "../GreenZone/GreenZone.js";
 import "../PassengerCircle/PassengerCircle.js";
 import "../PickupPoints/PickupPoints.js";
+import "../TaxiCar/RandomCars.js";
 import "./useCacheCenterPlace.js";
-import { B, f, D, E, R, c, a, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.e9166e7d.js";
+import { B, f, D, E, R, c, a, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.eebd0822.js";
 export {
   B as BusinessRecomendPlaceMap,
   f as BusinessRecomendPlaceMapInner,

package/dist/v2/business-components/BusinessRecomendPlaceMap/index.js

@@ -1,4 +1,4 @@
-import { B, f, D, E, R, c, a, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.e9166e7d.js";
+import { B, f, D, E, R, c, a, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.eebd0822.js";
 export {
   B as BusinessRecomendPlaceMap,
   f as BusinessRecomendPlaceMapInner,

package/dist/v2/business-components/BusinessReselectPlaceMap/BusinessReselectPlaceMap.js

@@ -21,7 +21,7 @@ import { detectBrowserPlatform } from "../../utils/platform.js";
 import { place2point, isPlaceEqual, isZoneEqual, geoPositionError2businessTimeout, pipeDefer } from "../../utils/transform.js";
 import { toCoordinatePlaceType, toCoordinatePointType, toCoordinateRecommendZonePlacesType } from "../../utils/typeChecking.js";
 import { AbsoluteAddressBox } from "../AbsoluteAddressBox/AbsoluteAddressBox.js";
-import { E as EMPTY_PLACE, m as memoize, R as RECOMMEND_PLACE_DRAG_LIMIT, a as RECOMMEND_PLACE_LARGE_LIMIT, b as RECOMMEND_PLACE_ZONE_ICON_MIN, c as RECOMMEND_PLACE_ICON_ZOOM_MIN, d as RECOMMEND_PLACE_ZONE_TEXT_MIN, e as RECOMMEND_PLACE_TEXT_ZOOM_MIN, D as DEFAULT_ZOOM, Z as ZONE_FITVIEW_PANDING } from "../../chunks/BusinessRecomendPlaceMap.e9166e7d.js";
+import { E as EMPTY_PLACE, m as memoize, R as RECOMMEND_PLACE_DRAG_LIMIT, a as RECOMMEND_PLACE_LARGE_LIMIT, b as RECOMMEND_PLACE_ZONE_ICON_MIN, c as RECOMMEND_PLACE_ICON_ZOOM_MIN, d as RECOMMEND_PLACE_ZONE_TEXT_MIN, e as RECOMMEND_PLACE_TEXT_ZOOM_MIN, D as DEFAULT_ZOOM, Z as ZONE_FITVIEW_PANDING } from "../../chunks/BusinessRecomendPlaceMap.eebd0822.js";
 import { DeviceOrientation } from "../DeviceOrientation/DeviceOrientation.js";
 import { GreenZone } from "../GreenZone/GreenZone.js";
 import { PassengerCircle } from "../PassengerCircle/PassengerCircle.js";

package/dist/v2/business-components/BusinessTaxiEndMap/BusinessTaxiEndMap.d.ts

@@ -1,7 +1,8 @@
-import type { Place } from "../../types/interface";
+import type { CoordinatePlace, CoordinatePoint } from "../../types/interface";
 export interface BusinessTaxiEndMapProps {
-    from: Partial<Place>;
-    to: Partial<Place>;
+    from: Partial<CoordinatePlace>;
+    to: Partial<CoordinatePlace>;
+    path?: CoordinatePoint[];
 }
 export declare const BusinessTaxiEndMapInner: import("vue/types/v3-define-component").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessTaxiEndMapProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<BusinessTaxiEndMapProps, Required<BusinessTaxiEndMapProps>>, never, BusinessTaxiEndMapProps>;
 export declare const BusinessTaxiEndMap: import("vue/types/v3-define-component").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessTaxiEndMapProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<BusinessTaxiEndMapProps, Required<BusinessTaxiEndMapProps>>, never, BusinessTaxiEndMapProps>;

package/dist/v2/business-components/BusinessTaxiEndMap/BusinessTaxiEndMap.js

@@ -8,7 +8,7 @@ import { useMapFitView } from "../../hooks/useMapFitView.js";
 import { useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineSetup } from "../../types/helper.js";
 import { place2point, pipeDefer } from "../../utils/transform.js";
-import { isCoordinatePoint, toCoordinatePlaceType } from "../../utils/typeChecking.js";
+import { isCoordinatePoint, toCoordinatePlaceType, toCoordinatePointType } from "../../utils/typeChecking.js";
 import { SectionEndService } from "../BusinessTaxiServiceMap/BusinessTaxiServiceSection.js";
 const BusinessTaxiEndMapInner = defineSetup("BusinessTaxiEndMapInner", function(props, {
   attrs
@@ -18,6 +18,7 @@ const BusinessTaxiEndMapInner = defineSetup("BusinessTaxiEndMapInner", function(
     setMap
   } = useHeycarMap();
   const {
+    unCoordinatifyPoint,
     unCoordinatifyPlace
   } = useMapCoordinatify();
   const {
@@ -31,11 +32,13 @@ const BusinessTaxiEndMapInner = defineSetup("BusinessTaxiEndMapInner", function(
   return () => {
     const {
       from: inputFrom,
-      to: inputTo
+      to: inputTo,
+      path: inputPath
     } = props;
     const isReady = isCoordinatePoint(inputFrom) && isCoordinatePoint(inputTo);
     const from = unCoordinatifyPlace(toCoordinatePlaceType(inputFrom));
     const to = unCoordinatifyPlace(toCoordinatePlaceType(inputTo));
+    const path = inputPath == null ? void 0 : inputPath.map((p) => unCoordinatifyPoint(toCoordinatePointType(p)));
     const center = isReady ? place2point(from) : [...BEIJIN_POINT];
     return h(HeycarMap, {
       "class": attrs.class,
@@ -53,6 +56,7 @@ const BusinessTaxiEndMapInner = defineSetup("BusinessTaxiEndMapInner", function(
       "attrs": {
         "from": from,
         "to": to,
+        "routePath": path,
         "registerOverlay": registerFitVeiw
       }
     })]);

package/dist/v2/business-components/BusinessTaxiServiceMap/BusinessTaxiServiceMap.d.ts

@@ -1,7 +1,7 @@
 import { type HeycarMapProps } from "../../components/MapProvider";
 import type { BusinessTaxiServiceContext } from "../../hooks-business/useBusinessTaxiServiceMap";
 import type { CoordinatifyProps } from "../../types/coordinatify";
-import type { CoordinatePlace, CoordinateTrackPoint, DriverStatus } from "../../types/interface";
+import type { CoordinatePlace, CoordinatePoint, CoordinateTrackPoint, DriverStatus, GetDriverRouteOrTrackOutput } from "../../types/interface";
 export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps, "center" | "zoom" | "mapRef">> & {
     from: CoordinatePlace;
     to: CoordinatePlace;
@@ -15,6 +15,8 @@ export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps,
     driverStatus: DriverStatus;
     interval: number;
     disablePassenger?: boolean;
+    confirmedPath?: CoordinatePoint[];
+    endServicePath?: CoordinatePoint[];
     mapContext: CoordinatifyProps<BusinessTaxiServiceContext>;
     renderStartSerivceTitle: (titleProps: {
         distance: number;
@@ -25,6 +27,7 @@ export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps,
         duration: number;
     }) => string;
     getDriverPositionTrack?: () => Promise<CoordinateTrackPoint[]>;
+    getDriverRouteOrTrack?: () => Promise<GetDriverRouteOrTrackOutput>;
 };
 export declare const BusinessTaxiServiceMapInner: import("vue-demi").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessTaxiServiceMapProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<BusinessTaxiServiceMapProps, Required<BusinessTaxiServiceMapProps>>, "resize" | "dragEnd" | "zoomEnd", BusinessTaxiServiceMapProps>;
 export declare const BusinessTaxiServiceMap: import("vue-demi").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessTaxiServiceMapProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<BusinessTaxiServiceMapProps, Required<BusinessTaxiServiceMapProps>>, "resize" | "dragEnd" | "zoomEnd", BusinessTaxiServiceMapProps>;

package/dist/v2/business-components/BusinessTaxiServiceMap/BusinessTaxiServiceMap.js

@@ -10,9 +10,10 @@ import { useMapFitView } from "../../hooks/useMapFitView.js";
 import { useMapAssertSupplier, useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineSetup, defineLagecySetup } from "../../types/helper.js";
 import { MANUAL_ABORT_MESSAGE } from "../../utils/ManualAbortError.js";
+import { computeLineAngle } from "../../utils/geometryPolygon.js";
 import { createAbortable, assertNotEmptyArray } from "../../utils/helper.js";
 import { place2point, pipeDefer, lnglat2point } from "../../utils/transform.js";
-import { toCoordinatePlaceType, toCoordinateTrackPoint } from "../../utils/typeChecking.js";
+import { toCoordinatePlaceType, toCoordinatePointType, createTypeError, toCoordinateExternalRoute, toCoordinateTrackPoint } from "../../utils/typeChecking.js";
 import { AuxiliaryGraspRoad } from "../AuxiliaryGraspRoad/AuxiliaryGraspRoad.js";
 import { AuxiliaryPassanger } from "../AuxiliaryPassanger/AuxiliaryPassanger.js";
 import { DeviceOrientation } from "../DeviceOrientation/DeviceOrientation.js";
@@ -23,6 +24,7 @@ const IS_ENABLE_AUXILIARY_GRASP_ROAD = apiGetAuxiliaryGrapStatus();
 const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", function(props, {
   attrs
 }) {
+  var _a;
   const {
     interval,
     disablePassenger,
@@ -40,10 +42,17 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
   } = useMapAssertSupplier();
   const abortController = new AbortController();
   const abortable = createAbortable(abortController.signal);
-  const getDriverPositionTrack = abortable(props.getDriverPositionTrack);
+  const getDriverRouteOrTrack = abortable((_a = props.getDriverRouteOrTrack) != null ? _a : async () => {
+    var _a2;
+    return {
+      tracks: await ((_a2 = props.getDriverPositionTrack) == null ? void 0 : _a2.call(props))
+    };
+  });
   const {
+    unCoordinatifyPoint,
     unCoordinatifyPlace,
-    unCoordinatifyTrackPoint
+    unCoordinatifyTrackPoint,
+    unCoordinatifyExternalRoute
   } = useMapCoordinatify();
   const {
     registerFitVeiw: registerOverlay,
@@ -64,11 +73,27 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
   const carPositionRef = ref();
   const carAngleRef = ref();
   const carTrackPositionsRef = ref([]);
+  const carRouteRef = ref();
   watch(() => props.driverStatus, (status, _, onCleanup) => {
     if (!STATUS_NEED_CAR_POSITION.includes(status))
       return;
     const update = async () => {
-      const tracks = await (getDriverPositionTrack == null ? void 0 : getDriverPositionTrack());
+      const output = await (getDriverRouteOrTrack == null ? void 0 : getDriverRouteOrTrack());
+      if (!("tracks" in output) && !("routes" in output)) {
+        throw createTypeError("GetDriverRouteOrTrackOutput", output);
+      }
+      if ("routes" in output) {
+        const routes = unCoordinatifyExternalRoute(toCoordinateExternalRoute(output.routes));
+        assertNotEmptyArray(routes.path, "routes.path");
+        carPositionRef.value = routes.path[0];
+        carAngleRef.value = computeLineAngle(routes.path[0], routes.path[1]);
+        carTrackPositionsRef.value = [];
+        carRouteRef.value = routes;
+        return;
+      }
+      const {
+        tracks
+      } = output;
       assertNotEmptyArray(tracks, "tracks");
       const trackPositions = tracks.map((p) => unCoordinatifyTrackPoint(toCoordinateTrackPoint(p)));
       const [{
@@ -77,6 +102,7 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
       carPositionRef.value = lnglat2point(trackPositions[trackPositions.length - 1]);
       carAngleRef.value = angle;
       carTrackPositionsRef.value = trackPositions;
+      carRouteRef.value = void 0;
     };
     const timer = setInterval(update, interval);
     update();
@@ -95,16 +121,21 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
       dispatchingTitle,
       bookDispatchingTitle,
       bookDispatchedTitle,
-      driverArrivedTitle
+      driverArrivedTitle,
+      confirmedPath: inputConfirmedPath,
+      endServicePath: inputEndServicePath
     } = props;
     const from = unCoordinatifyPlace(toCoordinatePlaceType(inputFrom));
     const to = unCoordinatifyPlace(toCoordinatePlaceType(inputTo));
     const relayTo = inputRelayTo ? unCoordinatifyPlace(toCoordinatePlaceType(inputRelayTo)) : void 0;
+    const confirmedPath = inputConfirmedPath == null ? void 0 : inputConfirmedPath.map((p) => unCoordinatifyPoint(toCoordinatePointType(p)));
+    const endServicePath = inputEndServicePath == null ? void 0 : inputEndServicePath.map((p) => unCoordinatifyPoint(toCoordinatePointType(p)));
     const carPosition = carPositionRef.value;
     const carAngle = carAngleRef.value;
     const carTrackPositions = carTrackPositionsRef.value;
     const touchEnable = !["canceled", "canceling", "completed", "endService", "waitpay", "waitRechargePay", "refund", "rechargePayed", "payed"].includes(driverStatus);
     const passengerPosition = disablePassenger || geoLoading.value || geoError.value ? void 0 : geoPosition.value;
+    const carRoute = carRouteRef.value;
     return h(HeycarMap, {
       "class": attrs.class,
       "style": attrs.style,
@@ -137,6 +168,7 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
           "attrs": {
             "from": from,
             "to": to,
+            "routePath": confirmedPath,
             "passengerPosition": passengerPosition,
             "passengerAngle": orientation == null ? void 0 : orientation.cssRotationVariableName,
             "registerOverlay": registerOverlay
@@ -154,6 +186,7 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
             "carPosition": carPosition,
             "carAngle": carAngle,
             "carTrackPositions": carTrackPositions,
+            "carRoute": carRoute,
             "passengerPosition": passengerPosition,
             "passengerAngle": orientation == null ? void 0 : orientation.cssRotationVariableName,
             "relayToTitle": relayToTitle,
@@ -172,6 +205,7 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
             "carPosition": carPosition,
             "carAngle": carAngle,
             "carTrackPositions": carTrackPositions,
+            "carRoute": carRoute,
             "passengerPosition": passengerPosition,
             "passengerAngle": orientation == null ? void 0 : orientation.cssRotationVariableName,
             "renderTitle": renderStartSerivceTitle,
@@ -188,6 +222,7 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
             "from": from,
             "to": to,
             "title": bookDispatchedTitle,
+            "routePath": confirmedPath,
             "passengerPosition": passengerPosition,
             "passengerAngle": orientation == null ? void 0 : orientation.cssRotationVariableName,
             "registerOverlay": registerOverlay
@@ -200,6 +235,7 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
         "carPosition": carPosition,
         "carAngle": carAngle,
         "carTrackPositions": carTrackPositions,
+        "carRoute": carRoute,
         "renderTitle": renderInServiceTitle,
         "registerOverlay": registerOverlay
       },
@@ -230,6 +266,7 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
       "attrs": {
         "from": from,
         "to": to,
+        "routePath": endServicePath,
         "registerOverlay": registerOverlay
       }
     }) : (
@@ -238,10 +275,11 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
         "attrs": {
           "from": from,
           "to": to,
+          "routePath": endServicePath,
           "registerOverlay": registerOverlay
         }
       })
-    ), IS_ENABLE_AUXILIARY_GRASP_ROAD && h(AuxiliaryGraspRoad, {
+    ), IS_ENABLE_AUXILIARY_GRASP_ROAD && !carRoute && h(AuxiliaryGraspRoad, {
       "attrs": {
         "status": driverStatus,
         "trackPoints": carTrackPositions,
@@ -271,7 +309,7 @@ const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", funct
     attrs: props,
     key: `${payload.supplier}${instanceNo}`
   });
-}).props(["bookDispatchingTitle", "bookDispatchedTitle", "dispatchingTitle", "driverArrivedTitle", "driverStatus", "fallback", "from", "getDriverPositionTrack", "interval", "disablePassenger", "loading", "mapContext", "relayTo", "relayToTitle", "renderInServiceTitle", "renderStartSerivceTitle", "to"]);
+}).props(["bookDispatchingTitle", "bookDispatchedTitle", "dispatchingTitle", "driverArrivedTitle", "driverStatus", "fallback", "from", "getDriverPositionTrack", "getDriverRouteOrTrack", "interval", "disablePassenger", "loading", "mapContext", "relayTo", "relayToTitle", "renderInServiceTitle", "renderStartSerivceTitle", "confirmedPath", "endServicePath", "to"]);
 export {
   BusinessTaxiServiceMap,
   BusinessTaxiServiceMapInner

package/dist/v2/business-components/BusinessTaxiServiceMap/BusinessTaxiServiceSection.d.ts

@@ -1,5 +1,5 @@
 import type { MROP } from "../../hooks/useOverlay";
-import type { Place, Point, TrackPoint } from "../../types/interface";
+import type { ExternalRoute, Place, Point, TrackPoint } from "../../types/interface";
 import { type DrivingRouteRenderProps } from "../DrivingRoute";
 type SectionDispatchingProps = Required<MROP> & {
     title: string;
@@ -11,6 +11,7 @@ type SectionConfirmedProps = Required<MROP> & {
     passengerAngle?: string;
     from: Place;
     to: Place;
+    routePath?: Point[];
 };
 export declare const SectionConfirmed: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<SectionConfirmedProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<SectionConfirmedProps, Required<SectionConfirmedProps>>, never, SectionConfirmedProps>;
 interface SectionDriverStartRelayServiceProps extends SectionDriverStartServiceProps {
@@ -24,6 +25,7 @@ type SectionDriverStartServiceProps = Required<MROP> & {
     carPosition?: Point;
     carAngle?: number;
     carTrackPositions?: TrackPoint[];
+    carRoute?: ExternalRoute;
     from: Place;
     renderTitle: (props: Pick<DrivingRouteRenderProps, "duration" | "distance">) => string;
 };
@@ -33,6 +35,7 @@ type SectionBookDispatchedProps = Required<MROP> & {
     passengerAngle?: string;
     from: Place;
     to: Place;
+    routePath?: Point[];
     title?: string;
 };
 export declare const SectionBookDispatched: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<SectionBookDispatchedProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<SectionBookDispatchedProps, Required<SectionBookDispatchedProps>>, never, SectionBookDispatchedProps>;
@@ -50,6 +53,7 @@ type SectionInServiceProps = Required<MROP> & {
     carPosition?: Point;
     carAngle?: number;
     carTrackPositions?: TrackPoint[];
+    carRoute?: ExternalRoute;
     renderTitle: (props: Pick<DrivingRouteRenderProps, "duration" | "distance">) => string;
 };
 export declare const SectionInService: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<SectionInServiceProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<SectionInServiceProps, Required<SectionInServiceProps>>, never, SectionInServiceProps>;
@@ -61,6 +65,7 @@ export declare const SectionCanceled: import("vue").DefineComponent<import("vue3
 export type SectionEndServiceProps = Required<MROP> & {
     from: Place;
     to: Place;
+    routePath?: Point[];
 };
 export declare const SectionEndService: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<SectionEndServiceProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<SectionEndServiceProps, Required<SectionEndServiceProps>>, never, SectionEndServiceProps>;
 export {};

package/dist/v2/business-components/BusinessTaxiServiceMap/BusinessTaxiServiceSection.js

@@ -77,12 +77,17 @@ const SectionConfirmed = defineSetup("SectionConfirmed", function(props) {
       to: toPlace,
       passengerPosition,
       passengerAngle,
+      routePath,
       registerOverlay
     } = props;
     const from = place2point(fromPlace);
     const to = place2point(toPlace);
     const passengerDistance = passengerPosition ? apiMapDistance(passengerPosition, from) : void 0;
-    return h("div", [h(DrivingRoute, {
+    return h("div", [routePath ? h(DrivingLine, {
+      "attrs": {
+        "path": routePath
+      }
+    }) : h(DrivingRoute, {
       "attrs": {
         "to": to,
         "from": from,
@@ -157,12 +162,14 @@ const SectionDriverStartRelayService = defineSetup("SectionDriverStartRelayServi
     apiMapDistance
   } = useMapGeometry();
   return () => {
+    var _a;
     const {
       from: fromPlace,
       relayTo: relayToPlace,
       carPosition,
       carAngle,
       carTrackPositions,
+      carRoute,
       passengerPosition,
       passengerAngle,
       relayToTitle,
@@ -206,7 +213,21 @@ const SectionDriverStartRelayService = defineSetup("SectionDriverStartRelayServi
         "label": relayToTitle,
         "hideIcon": true
       }
-    }), !(carTrackPositions == null ? void 0 : carTrackPositions.length) || !carDistance ? null : h(DeviationCorrectionDrivingRoute, {
+    }), carRoute ? [h(DrivingLine, {
+      "attrs": {
+        "path": carRoute.path
+      }
+    }), h(TaxiCar, {
+      "attrs": {
+        "position": (_a = carRoute.path[0]) != null ? _a : carPosition,
+        "angle": carAngle,
+        "title": renderTitle({
+          distance: carRoute.distance,
+          duration: carRoute.duration
+        }),
+        "registerOverlay": fittableRegistryOverlay
+      }
+    })] : !(carTrackPositions == null ? void 0 : carTrackPositions.length) || !carDistance ? null : h(DeviationCorrectionDrivingRoute, {
       "attrs": {
         "tracks": carTrackPositions,
         "to": from,
@@ -219,7 +240,7 @@ const SectionDriverStartRelayService = defineSetup("SectionDriverStartRelayServi
           duration,
           trafficJams
         }) => {
-          var _a;
+          var _a2;
           return [relayTo ? h(TrafficDrivingLine, {
             "attrs": {
               "path": path,
@@ -227,7 +248,7 @@ const SectionDriverStartRelayService = defineSetup("SectionDriverStartRelayServi
             }
           }) : null, h(TaxiCar, {
             "attrs": {
-              "position": (_a = path[0]) != null ? _a : carPosition,
+              "position": (_a2 = path[0]) != null ? _a2 : carPosition,
               "angle": angle != null ? angle : carAngle,
               "title": renderTitle({
                 distance,
@@ -278,11 +299,13 @@ const SectionDriverStartService = defineSetup("SectionDriverStartService", funct
     apiMapDistance
   } = useMapGeometry();
   return () => {
+    var _a;
     const {
       from: fromPlace,
       carPosition,
       carAngle,
       carTrackPositions,
+      carRoute,
       passengerPosition,
       passengerAngle,
       renderTitle
@@ -310,7 +333,21 @@ const SectionDriverStartService = defineSetup("SectionDriverStartService", funct
         "label": fromPlace.displayName,
         "hideIcon": true
       }
-    }), !(carTrackPositions == null ? void 0 : carTrackPositions.length) || !carDistance ? null : carDistance > CAR_DISTANCE_MIN ? h(DeviationCorrectionDrivingRoute, {
+    }), carRoute ? [h(DrivingLine, {
+      "attrs": {
+        "path": carRoute.path
+      }
+    }), h(TaxiCar, {
+      "attrs": {
+        "position": (_a = carRoute.path[0]) != null ? _a : carPosition,
+        "angle": carAngle,
+        "title": renderTitle({
+          distance: carRoute.distance,
+          duration: carRoute.duration
+        }),
+        "registerOverlay": fittableRegistryOverlay
+      }
+    })] : !(carTrackPositions == null ? void 0 : carTrackPositions.length) || !carDistance ? null : carDistance > CAR_DISTANCE_MIN ? h(DeviationCorrectionDrivingRoute, {
       "attrs": {
         "tracks": carTrackPositions,
         "to": from,
@@ -322,7 +359,7 @@ const SectionDriverStartService = defineSetup("SectionDriverStartService", funct
           duration,
           trafficJams
         }) => {
-          var _a;
+          var _a2;
           return [h(TrafficDrivingLine, {
             "attrs": {
               "path": path,
@@ -330,7 +367,7 @@ const SectionDriverStartService = defineSetup("SectionDriverStartService", funct
             }
           }), h(TaxiCar, {
             "attrs": {
-              "position": (_a = path[0]) != null ? _a : carPosition,
+              "position": (_a2 = path[0]) != null ? _a2 : carPosition,
               "angle": angle != null ? angle : carAngle,
               "title": renderTitle({
                 distance,
@@ -348,10 +385,10 @@ const SectionDriverStartService = defineSetup("SectionDriverStartService", funct
           path: graspRoadPath,
           angle
         }) => {
-          var _a;
+          var _a2;
           return h(TaxiCar, {
             "attrs": {
-              "position": (_a = graspRoadPath[graspRoadPath.length - 1]) != null ? _a : carPosition,
+              "position": (_a2 = graspRoadPath[graspRoadPath.length - 1]) != null ? _a2 : carPosition,
               "angle": angle != null ? angle : carAngle,
               "title": renderTitle({
                 distance: carDistance,
@@ -401,12 +438,17 @@ const SectionBookDispatched = defineSetup("SectionBookDispatched", function(prop
       title,
       passengerPosition,
       passengerAngle,
+      routePath,
       registerOverlay
     } = props;
     const from = place2point(fromPlace);
     const to = place2point(toPlace);
     const passengerDistance = passengerPosition ? apiMapDistance(passengerPosition, from) : void 0;
-    return h("div", [h(DrivingRoute, {
+    return h("div", [routePath ? h(DrivingLine, {
+      "attrs": {
+        "path": routePath
+      }
+    }) : h(DrivingRoute, {
       "attrs": {
         "to": to,
         "from": from,
@@ -565,11 +607,13 @@ const SectionInService = defineSetup("SectionInService", function(props) {
     immediate: true
   });
   return () => {
+    var _a;
     const {
       to: toPlace,
       carPosition,
       carAngle,
       carTrackPositions,
+      carRoute,
       renderTitle
     } = props;
     const to = place2point(toPlace);
@@ -580,7 +624,21 @@ const SectionInService = defineSetup("SectionInService", function(props) {
       apiMapDistance
     } = useMapGeometry();
     const carDistance = carPosition ? apiMapDistance(carPosition, to) : void 0;
-    return h("div", [!(carTrackPositions == null ? void 0 : carTrackPositions.length) || !carDistance ? null : carDistance > CAR_DISTANCE_MIN ? h(DeviationCorrectionDrivingRoute, {
+    return h("div", [carRoute ? [h(DrivingLine, {
+      "attrs": {
+        "path": carRoute.path
+      }
+    }), h(TaxiCar, {
+      "attrs": {
+        "position": (_a = carRoute.path[0]) != null ? _a : carPosition,
+        "angle": carAngle,
+        "title": renderTitle({
+          distance: carRoute.distance,
+          duration: carRoute.duration
+        }),
+        "registerOverlay": fittableRegistryOverlay
+      }
+    })] : !(carTrackPositions == null ? void 0 : carTrackPositions.length) || !carDistance ? null : carDistance > CAR_DISTANCE_MIN ? h(DeviationCorrectionDrivingRoute, {
       "attrs": {
         "tracks": carTrackPositions,
         "to": to,
@@ -592,7 +650,7 @@ const SectionInService = defineSetup("SectionInService", function(props) {
           duration,
           trafficJams
         }) => {
-          var _a;
+          var _a2;
           return [h(TrafficDrivingLine, {
             "attrs": {
               "path": path,
@@ -600,7 +658,7 @@ const SectionInService = defineSetup("SectionInService", function(props) {
             }
           }), h(TaxiCar, {
             "attrs": {
-              "position": (_a = path[0]) != null ? _a : carPosition,
+              "position": (_a2 = path[0]) != null ? _a2 : carPosition,
               "angle": angle != null ? angle : carAngle,
               "title": renderTitle({
                 distance,
@@ -618,10 +676,10 @@ const SectionInService = defineSetup("SectionInService", function(props) {
           path: graspRoadPath,
           angle
         }) => {
-          var _a;
+          var _a2;
           return h(TaxiCar, {
             "attrs": {
-              "position": (_a = graspRoadPath[graspRoadPath.length - 1]) != null ? _a : carPosition,
+              "position": (_a2 = graspRoadPath[graspRoadPath.length - 1]) != null ? _a2 : carPosition,
               "angle": angle != null ? angle : carAngle,
               "title": renderTitle({
                 distance: carDistance,
@@ -718,11 +776,17 @@ const SectionEndService = defineSetup("SectionEndService", function(props) {
     const {
       from: fromPlace,
       to: toPlace,
+      routePath,
       registerOverlay
     } = props;
     const from = place2point(fromPlace);
     const to = place2point(toPlace);
-    return h("div", [h(DrivingRoute, {
+    return h("div", [routePath ? h(DrivingLine, {
+      "attrs": {
+        "path": routePath,
+        "status": "DONE"
+      }
+    }) : h(DrivingRoute, {
       "attrs": {
         "from": from,
         "to": to,

package/dist/v2/business-components/TaxiCar/RandomCars.d.ts

@@ -0,0 +1,6 @@
+import type { Point } from "../../types/interface";
+interface RandomCarsProps {
+    center: Point;
+}
+export declare const RandomCars: import("vue-demi").DefineComponent<import("vue3").ComponentObjectPropsOptions<RandomCarsProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<RandomCarsProps, Required<RandomCarsProps>>, never, RandomCarsProps>;
+export {};

package/dist/v2/business-components/TaxiCar/RandomCars.js

@@ -0,0 +1,47 @@
+import { h } from "vue";
+import { computed } from "vue-demi";
+import { defineSetup } from "../../types/helper.js";
+import { TaxiCar } from "./TaxiCar.js";
+const RANDOM_CARS_RADIUS = 300;
+const RANDOM_CARS_COUNT = 2;
+const createRandomPoint = (center, radius) => {
+  const [lng, lat] = center;
+  const R_EARTH_METERS = 6371e3;
+  const randomAngle = Math.random() * 2 * Math.PI;
+  const randomRadiusInMeters = radius * Math.sqrt(Math.random());
+  const dx = randomRadiusInMeters * Math.cos(randomAngle);
+  const dy = randomRadiusInMeters * Math.sin(randomAngle);
+  const dLat = dy / R_EARTH_METERS;
+  const centerLatRadians = lat * (Math.PI / 180);
+  const dLng = dx / (R_EARTH_METERS * Math.cos(centerLatRadians));
+  return [lng + dLng * (180 / Math.PI), lat + dLat * (180 / Math.PI)];
+};
+const useRandomCars = (center) => {
+  return computed(() => {
+    return Array.from({
+      length: RANDOM_CARS_COUNT
+    }).map(() => {
+      const position = createRandomPoint(center, RANDOM_CARS_RADIUS);
+      const angle = Math.random() * 360;
+      return {
+        position,
+        angle
+      };
+    });
+  });
+};
+const RandomCars = defineSetup("RandomCars", function(props) {
+  const {
+    center
+  } = props;
+  const randomCarsRef = useRandomCars(center);
+  return () => h("div", [randomCarsRef.value.map((car) => h(TaxiCar, {
+    "attrs": {
+      "position": car.position,
+      "angle": car.angle
+    }
+  }))]);
+});
+export {
+  RandomCars
+};