@heycar/heycars-map 0.4.8 → 0.5.0

package/dist/api/contants.d.ts

@@ -1,2 +1,7 @@
 import type { Point } from "../types/interface";
 export declare const BEIJIN_POINT: Point;
+export declare const ZINDEX_BUBBLE_LAYER = 50;
+export declare const ZINDEX_START_END_LOGO_LAYER = 40;
+export declare const ZINDEX_PLACE_LAYER = 30;
+export declare const ZINDEX_CAR_LAYER = 21;
+export declare const ZINDEX_PASSENGER_LAYER = 20;

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

@@ -14,7 +14,7 @@ type SectionConfirmedProps = Required<MROP> & {
 export declare const SectionConfirmed: import("vue").DefineComponent<import("vue/types/v3-component-props").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, {} | {}>;
 type SectionDriverStartServiceProps = Required<MROP> & {
     passengerPosition?: Point;
-    carPosition: Point;
+    carPosition?: Point;
     from: Place;
     renderTitle: (props: Pick<DrivingRouteRenderProps, "duration" | "distance">) => string;
 };
@@ -27,14 +27,14 @@ type SectionBookDispatchedProps = Required<MROP> & {
 export declare const SectionBookDispatched: import("vue").DefineComponent<import("vue/types/v3-component-props").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, {} | {}>;
 type SectionDriverArrivedProps = Required<MROP> & {
     from: Place;
-    carPosition: Point;
+    carPosition?: Point;
     passengerPosition?: Point;
     title: string;
 };
 export declare const SectionDriverArrived: import("vue").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<SectionDriverArrivedProps>, 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<SectionDriverArrivedProps, Required<SectionDriverArrivedProps>>, never, SectionDriverArrivedProps, {} | {}>;
 type SectionInServiceProps = Required<MROP> & {
     to: Place;
-    carPosition: Point;
+    carPosition?: Point;
     renderTitle: (props: Pick<DrivingRouteRenderProps, "duration" | "distance">) => string;
 };
 export declare const SectionInService: import("vue").DefineComponent<import("vue/types/v3-component-props").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, {} | {}>;

package/dist/business-components/TaxiCar/TaxiCar.css.d.ts

@@ -1,3 +1,11 @@
 export { pointInfoBoxEmphasize, pointInfoBoxTitle, pointLayout, pointSingleInfoBox, } from "../StartEndPoint/StartEndPoint.css";
 export declare const taxiCarLayout: string;
 export declare const carIcon: string;
+export declare const hide: import("@vanilla-extract/recipes").RuntimeFn<{
+    hide: {
+        true: {
+            visibility: "hidden";
+        };
+        false: {};
+    };
+}>;

package/dist/index.cjs

@@ -1,4 +1,10 @@
 "use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Vue = require("vue");
 const style = "";
@@ -2213,7 +2219,7 @@ const ADrivingLine = defineSetup(function ADrivingLine2(props) {
       "attrs": {
         "showDir": true,
         "path": props.path,
-        "strokeWeight": strokeWidth + 2 * dirWidth,
+        "strokeWeight": strokeWidth + dirWidth,
         "strokeOpacity": 1,
         "strokeColor": "transparent",
         "lineJoin": "round",
@@ -2657,6 +2663,12 @@ const KeyedFitView = defineSetup(function KeyedFitView2(props, {
     return Vue.h("div", [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
   };
 });
+const BEIJIN_POINT = [116.2317, 39.5427];
+const ZINDEX_BUBBLE_LAYER = 50;
+const ZINDEX_START_END_LOGO_LAYER = 40;
+const ZINDEX_PLACE_LAYER = 30;
+const ZINDEX_CAR_LAYER = 21;
+const ZINDEX_PASSENGER_LAYER = 20;
 const imgEndPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI3Mi4zMzklIiB5MT0iNTAlIiB4Mj0iMCUiIHkyPSI1MCUiIGlkPSJwcmVmaXhfX2EiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjg0NDciIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkY4QjRBIiBvZmZzZXQ9IjUwLjU5NiUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZBOTVBIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAzMC4yMTVjMi4xMzQgMCAzLjg2My0uODkzIDMuODYzLTEuOTk1IDAtMS4xLTEuNzMtMS45OTQtMy44NjMtMS45OTQtMi4xMzQgMC0zLjg2My44OTMtMy44NjMgMS45OTQgMCAxLjEwMiAxLjczIDEuOTk1IDMuODYzIDEuOTk1eiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iIzQzNDg1QSIvPjxwYXRoIGQ9Ik0xMSAyNy4wMDZjMi4xMjggMC0uOS0zLjc0MyA1LjYyMS02LjY0M0MxOS44NDIgMTguNDUzIDIyIDE0Ljk1MyAyMiAxMC45NSAyMiA0LjkwMiAxNy4wNzUgMCAxMSAwUzAgNC45MDIgMCAxMC45NWMwIDMuOTE4IDIuMDY4IDcuMzU2IDUuMTc3IDkuMjlDMTEuNzUgMjMuMjg0IDkuMDYgMjcuMDA3IDExIDI3LjAwN3oiIHN0cm9rZT0iI0ZGRiIgZmlsbD0idXJsKCNwcmVmaXhfX2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuMjE1KSIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLVNlbWlib2xkLCBQaW5nRmFuZyBTQyIgZm9udC1zaXplPSIxMiIgZm9udC13ZWlnaHQ9IjUwMCIgZmlsbD0iI0ZGRiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjIxNSkiPjx0c3BhbiB4PSI1IiB5PSIxNS40NDkiPue7iDwvdHNwYW4+PC90ZXh0PjwvZz48L3N2Zz4=";
 const imgStartPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeDI9IjEyOS41OTklIiB5Mj0iNTAlIiBpZD0icHJlZml4X19hIj48c3RvcCBzdG9wLWNvbG9yPSIjMzZBOEZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQ4NzFGMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTIgMzAuMjE1YzEuOTUgMCAzLjUzMi0uODE2IDMuNTMyLTEuODIzIDAtMS4wMDctMS41ODEtMS44MjMtMy41MzItMS44MjMtMS45NSAwLTMuNTMyLjgxNi0zLjUzMiAxLjgyMyAwIDEuMDA3IDEuNTgxIDEuODIzIDMuNTMyIDEuODIzeiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iIzQzNDg1QSIvPjxwYXRoIGQ9Ik0xMSAyN2MyLjEyOCAwLS45LTMuNzQyIDUuNjIxLTYuNjQxIDMuMjIxLTEuOTEgNS4zNzktNS40MSA1LjM3OS05LjQxMkMyMiA0LjkwMSAxNy4wNzUgMCAxMSAwUzAgNC45MDEgMCAxMC45NDdjMCAzLjkxOCAyLjA2OCA3LjM1NSA1LjE3NyA5LjI5QzExLjc1IDIzLjI3NyA5LjA2IDI3IDExIDI3eiIgc3Ryb2tlPSIjRkZGIiBmaWxsPSJ1cmwoI3ByZWZpeF9fYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMS4yMTUpIi8+PHRleHQgZm9udC1mYW1pbHk9IlBpbmdGYW5nU0MtU2VtaWJvbGQsIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNTAwIiBmaWxsPSIjRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuMjE1KSI+PHRzcGFuIHg9IjUiIHk9IjE1LjYyNCI+6LW3PC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==";
 const StartEndPoint_css_ts_vanilla = "";
@@ -2774,7 +2786,8 @@ const AStartEndPoint = defineSetup(function AStartEndPoint2(props) {
       "registerOverlay": props.registerOverlay,
       "position": props.position,
       "content": contentRef.value,
-      "anchor": "bottom-center"
+      "anchor": "bottom-center",
+      "zIndex": ZINDEX_START_END_LOGO_LAYER
     }
   });
 });
@@ -2818,7 +2831,8 @@ const GStartEndPoint = defineSetup(function GStartEndPoint2(props) {
       "attrs": {
         "registerOverlay": props.registerOverlay,
         "position": vec2lnglat(props.position),
-        "content": contentRef.value
+        "content": contentRef.value,
+        "zIndex": ZINDEX_START_END_LOGO_LAYER
       }
     });
   };
@@ -2896,6 +2910,49 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props)
     })]);
   };
 }).props(["fallback", "from", "loading", "mapRef", "registerOverlay", "renderDescription", "to", "fromDescription", "log"]);
+const isPlace = (place) => {
+  return place.lng !== void 0 && place.lat !== void 0;
+};
+const sleep = (milliSeconds) => new Promise((resolve) => setTimeout(resolve, milliSeconds));
+class SingleGeoWatch {
+  constructor(option) {
+    __publicField(this, "id", 0);
+    __publicField(this, "listeners", /* @__PURE__ */ new Map());
+    __publicField(this, "option", {});
+    __publicField(this, "singleWatchId");
+    this.option = option != null ? option : {};
+  }
+  watchPosition(onSuccess, onError) {
+    this.id += 1;
+    const { id } = this;
+    this.listeners.set(id, [onSuccess, onError]);
+    this.start();
+    return id;
+  }
+  clearWatch(id) {
+    this.listeners.delete(id);
+  }
+  async start() {
+    const { listeners, option, singleWatchId } = this;
+    if (singleWatchId) {
+      navigator.geolocation.clearWatch(singleWatchId);
+      await sleep(20);
+    }
+    this.singleWatchId = navigator.geolocation.watchPosition(
+      (position) => {
+        for (const [onSuccess] of listeners.values()) {
+          onSuccess(position);
+        }
+      },
+      (error) => {
+        for (const [_, onError] of listeners.values()) {
+          onError == null ? void 0 : onError(error);
+        }
+      },
+      option
+    );
+  }
+}
 const useAmapGCJ02 = () => {
   const { readyPromise } = useMapSupplier();
   async function toGcj02(point) {
@@ -2926,6 +2983,11 @@ const useMapGCJ02 = () => {
   return supplier === "gmap" ? useGmapGCJ02() : useAmapGCJ02();
 };
 const GEO_TIMEOUT = 5e3;
+const singleGeoWatch = new SingleGeoWatch({
+  timeout: GEO_TIMEOUT,
+  maximumAge: 0,
+  enableHighAccuracy: false
+});
 const useGeoLocation = (props) => {
   var _a, _b;
   const { onChange, onLoad, onLoadDefault, onError, geoDefaultPosition } = props != null ? props : {};
@@ -2948,12 +3010,11 @@ const useGeoLocation = (props) => {
     () => true,
     (_1, _2, onCleanup) => {
       loading.value = true;
-      const watchId = navigator.geolocation.watchPosition(
+      const watchId = singleGeoWatch.watchPosition(
         async (position) => {
           const coordinate = position.coords;
           const wgsPoint = [position.coords.longitude, position.coords.latitude];
           const point = await toGcj02(wgsPoint);
-          console.log("wgsPoint, point = ", wgsPoint, point);
           coordinateRef.value = coordinate;
           positionRef.value = point;
           if (loading.value) {
@@ -2972,10 +3033,9 @@ const useGeoLocation = (props) => {
             onLoadDefault == null ? void 0 : onLoadDefault({ position });
           }
           onError == null ? void 0 : onError(error);
-        },
-        { timeout: GEO_TIMEOUT, maximumAge: 0, enableHighAccuracy: false }
+        }
       );
-      onCleanup(() => navigator.geolocation.clearWatch(watchId));
+      onCleanup(() => singleGeoWatch.clearWatch(watchId));
     },
     { immediate: true }
   );
@@ -3416,7 +3476,8 @@ const APassengerCircle = defineSetup(function APassengerCircle2(props) {
         "position": props.position,
         "content": contentRef.value,
         "anchor": "bottom-center",
-        "registerOverlay": props.registerOverlay
+        "registerOverlay": props.registerOverlay,
+        "zIndex": ZINDEX_PASSENGER_LAYER
       }
     });
   };
@@ -3438,7 +3499,8 @@ const GPassengerCircle = defineSetup(function GPassengerCircle2(props) {
     "attrs": {
       "position": vec2lnglat(props.position),
       "content": contentRef.value,
-      "registerOverlay": props.registerOverlay
+      "registerOverlay": props.registerOverlay,
+      "zIndex": ZINDEX_PASSENGER_LAYER
     }
   });
 });
@@ -3613,7 +3675,8 @@ const APlaceCircle = defineSetup(function APlaceCircle2(props, {
       "attrs": {
         "position": props.position,
         "content": props.label ? contentRef.value : contentWithoutLabelRef.value,
-        "anchor": textAlignRef.value === "left" ? AnchorType.middleRight : AnchorType.middleLeft
+        "anchor": textAlignRef.value === "left" ? AnchorType.middleRight : AnchorType.middleLeft,
+        "zIndex": ZINDEX_PLACE_LAYER
       },
       "on": {
         "click": handleClick
@@ -3664,7 +3727,8 @@ const GPlaceCircle = defineSetup(function GPlaceCircle2(props, {
   return () => Vue.h(GmapAdvancedMarkerView, {
     "attrs": {
       "position": vec2lnglat(props.position),
-      "content": props.label ? contentRef.value : contentWithoutLabelRef.value
+      "content": props.label ? contentRef.value : contentWithoutLabelRef.value,
+      "zIndex": ZINDEX_PLACE_LAYER
     },
     "on": {
       "click": handleClick
@@ -3880,7 +3944,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
         ...place
       });
       emit("changeRecomandPlace", place);
-      await pipeDefer(setZoom)(READY_ZOOM);
+      if (isFirstWorkflowRecomendLoadingRef.value)
+        await pipeDefer(setZoom)(READY_ZOOM);
       completeFirstWorkflowRecomend();
     },
     onChangeCity: (value) => {
@@ -3934,10 +3999,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     })]);
   };
 }).props(["log", "geoLoadingTitle", "unavailableTitle", "recomendDescription", "fallback", "geoDefaultPosition", "getRecomendPlace", "getDefaultCenterPlace", "loading", "mapContext"]);
-const BEIJIN_POINT = [116.2317, 39.5427];
-const isPlace = (place) => {
-  return place.lng !== void 0 && place.lat !== void 0;
-};
 const useAmapGeometry = () => {
   const payload = useMapSupplier();
   const apiMapDistance = (from, to) => {
@@ -3963,6 +4024,7 @@ const useMapGeometry = () => {
 const imgTaxicar = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0zNC4wODcgMTAuOTZjMCAyLjM2OS0uMDU0IDIuOTgtLjc4MiAzLjcwNC0uNzkzLjc5LTUuMjM2LjgzMy01LjIzNi44MzNsLTQuMTE2LjE5Mi05Ljg5Ni0uMTQ0cy03Ljc5LS4wMjYtOS4xMzEtLjAyNmMtMS4zNDIgMC0yLjQwNi0uODQ3LTIuNDA2LS44NDdDLjE0IDEyLjkzMiAwIDExLjA5IDAgMTEuMDlWNS44NnMuMTQtMS44NDIgMi41Mi0zLjU4M2MwIDAgMS4wNjQtLjg0NiAyLjQwNi0uODQ2IDEuMzQxIDAgOS4xMy0uMDI2IDkuMTMtLjAyNmw5Ljg5Ny0uMTQ0IDQuMTE2LjE5MnM0LjQ4NCAwIDUuMjM2LjgzM2MuNzc4Ljg2Ljc4MiAxLjM3Ljc4MiAzLjc0djQuOTM0eiIgaWQ9InByZWZpeF9fYiIvPjxwYXRoIGQ9Ik0wIDEuNDkzUzUuNy4xOCA4LjcxOS4wNWMzLjAyLS4xMzEgMy40Ny4wMTcgNS4yODIuMjEuNTA3LjA1MSAzLjI2LjkxIDMuMjYuOTFsLTcuMzAzLjNMMCAxLjQ5NHoiIGlkPSJwcmVmaXhfX2MiLz48cGF0aCBkPSJNMTAuMDggMi44MTVDOS4yOTUgNC40ODMgOC44NSA2LjQyMyA4Ljg1IDguNDk0YzAgMi4wNjIuNDQyIDMuOTk0IDEuMjIgNS42NTdsNS42OTgtMS4xNTdhMTUuNjAxIDE1LjYwMSAwIDAxLS42NjctNC41NTJjMC0xLjY1OS4yMDQtMy4wNjUuNjU5LTQuNTA1TDEwLjA4IDIuODE1eiIgaWQ9InByZWZpeF9fZSIvPjxwYXRoIGQ9Ik0yNS43NTMgOC40NTVjMCAxLjkyLS4yMiAzLjM2NC0uNjAxIDQuODkxbDIuNjI2LjM1YzEuMTc4LS4wMDUgMi4xMzItMi4zMzUgMi4xMzItNS4yMTVzLS45NTQtNS4yMS0yLjEzMi01LjIxbC0yLjYxNC4zNWMuMzcyIDEuNTEzLjU4OSAyLjk0LjU4OSA0LjgzNHoiIGlkPSJwcmVmaXhfX2ciLz48cGF0aCBkPSJNLjA2NC4wMTVMLjE1OC4wMDJDLjE4OC0uMDE2LjM3MS4xMDYuNC4xMjRjLjE4OC4xMjYuMzIxLjI0NC40My43Ni4wNTQuMjUyLjIwNyAxLjQ2NS4xOTggMS40OTZsLS42MzMuODMzLjExOSAzLjE3LS4wOTQuMDc2TDAgLjEzN2MwLS4wNTIuMDI1LS4xLjA2NC0uMTIyeiIgaWQ9InByZWZpeF9faSIvPjxwYXRoIGQ9Ik0uMDY0IDYuNTE1bC4wOTQuMDEzYy4wMy4wMTguMjEzLS4xMDQuMjQyLS4xMjIuMTg4LS4xMjYuMzIxLS4yNDQuNDMtLjc2LjA1NC0uMjUyLjIwNy0xLjQ2NS4xOTgtMS40OTZsLS42MzMtLjgzM0wuNDIgMHYuMDdMMCA2LjM5NGMwIC4wNTIuMDI1LjEuMDY0LjEyMnoiIGlkPSJwcmVmaXhfX2siLz48bGluZWFyR3JhZGllbnQgeDE9IjEyNS4yNjQlIiB5MT0iNDkuNjI2JSIgeDI9IjAlIiB5Mj0iNTAlIiBpZD0icHJlZml4X19kIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9Ii41IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1vcGFjaXR5PSIuNSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjIyLjcxMiUiIHkxPSI3My4xMzMlIiB4Mj0iNjguNjIlIiB5Mj0iNjYuMTk0JSIgaWQ9InByZWZpeF9fZiI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIuNSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3Atb3BhY2l0eT0iLjUiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSIxMjguNzY4JSIgeTE9IjUwJSIgeDI9IjAlIiB5Mj0iNTAlIiBpZD0icHJlZml4X19oIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9Ii41IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1vcGFjaXR5PSIuNSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIxMDAlIiB4Mj0iMjguNCUiIHkyPSIxMDAlIiBpZD0icHJlZml4X19qIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZCRUJFIiBzdG9wLW9wYWNpdHk9Ii41IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzM1MjIyMiIgc3RvcC1vcGFjaXR5PSIuNSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIxMDAlIiB4Mj0iMjguNCUiIHkyPSIxMDAlIiBpZD0icHJlZml4X19sIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZCRUJFIiBzdG9wLW9wYWNpdHk9Ii41IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzM1MjIyMiIgc3RvcC1vcGFjaXR5PSIuNSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIHg9Ii0xNy42JSIgeT0iLTQxLjYlIiB3aWR0aD0iMTM1LjIlIiBoZWlnaHQ9IjE4My4yJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0icHJlZml4X19hIj48ZmVPZmZzZXQgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjA4NjI3NDUwOTggMCAwIDAgMCAwLjA4NjI3NDUwOTggMCAwIDAgMCAwLjA4NjI3NDUwOTggMCAwIDAgMC41IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTAgMGgyNHY0NEgweiIvPjxnIGZpbGwtcnVsZT0ibm9uemVybyI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIDEgMCAzLjQ5OCA0LjY0MikiPjx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fYSkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2IiLz48dXNlIGZpbGw9IiNERkVDRjIiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2IiLz48L2c+PHBhdGggZD0iTTE0LjQ1OCAzOC43MjhjMi4zNjkgMCAyLjk4LS4wNTMgMy43MDQtLjc4MS43OS0uNzk0LjgzNC01LjIzNy44MzQtNS4yMzdsLjE5MS00LjExNS0uMTQ0LTkuODk2cy0uMDI2LTcuNzktLjAyNi05LjEzMmMwLTEuMzQyLS44NDYtMi40MDUtLjg0Ni0yLjQwNS0xLjc0MS0yLjM4MS0zLjU4Mi0yLjUyLTMuNTgyLTIuNTJIOS4zNTdzLTEuODQxLjEzOS0zLjU4MiAyLjUyYzAgMC0uODQ3IDEuMDYzLS44NDcgMi40MDUgMCAxLjM0Mi0uMDI2IDkuMTMyLS4wMjYgOS4xMzJsLS4xNDQgOS44OTYuMTkyIDQuMTE1czAgNC40ODQuODMzIDUuMjM3Yy44Ni43NzcgMS4zNy43ODEgMy43NC43ODFoNC45MzV6IiBmaWxsPSIjRUZGNUY4Ii8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIDEgMCAxNy4wOTMgMTUuMDYyKSIgb3BhY2l0eT0iLjkiPjx1c2UgZmlsbD0iIzE2MTYxNiIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYyIvPjx1c2UgZmlsbD0idXJsKCNwcmVmaXhfX2QpIiB4bGluazpocmVmPSIjcHJlZml4X19jIi8+PC9nPjxwYXRoIGQ9Ik01LjgyNiAxNC41M2MxLjgwNi0uOTM3IDMuOTE1LTEuNDY1IDYuMTctMS40NjUgMi4yNDMgMCA0LjMzOS41MjggNi4xNDEgMS40NTJsLTEuMjc4IDYuNDg5YTE1LjM3NSAxNS4zNzUgMCAwMC00LjkxNS0uNzk0Yy0xLjc5MyAwLTMuMzI0LjI1NC00Ljg3My43OTRMNS44MjYgMTQuNTN6IiBmaWxsPSIjMTYxNjE2Ii8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIDEgMCAzLjQ5OCA0LjY0MikiPjx1c2UgZmlsbD0iIzNDNDI0MiIgeGxpbms6aHJlZj0iI3ByZWZpeF9fZSIvPjx1c2UgZmlsbD0idXJsKCNwcmVmaXhfX2YpIiB4bGluazpocmVmPSIjcHJlZml4X19lIi8+PC9nPjxnIG9wYWNpdHk9Ii45IiB0cmFuc2Zvcm09Im1hdHJpeCgwIDEgMSAwIDMuNDk4IDQuNjQyKSI+PHVzZSBmaWxsPSIjMTYxNjE2IiB4bGluazpocmVmPSIjcHJlZml4X19nIi8+PHVzZSBmaWxsPSJ1cmwoI3ByZWZpeF9faCkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2ciLz48L2c+PHBhdGggZD0iTTMuODcgMTcuNjUxbC44NzYtLjQ2MmEuMzEzLjMxMyAwIDAwLjE3LS4yNzR2LS4xODhsLTEuMzE3LjY5NXYuMDgyYy4wMDQuMTI3LjE1Mi4yMDkuMjcuMTQ3eiIgZmlsbD0iIzMwMzQzNSIvPjxwYXRoIGQ9Ik0zLjU2NCAxNy40NWwxLjA4Mi0uNTY4Yy4xLS4wNTMuMjEtLjA5LjMyNy0uMTA2YS4xMDguMTA4IDAgMDAuMDk2LS4xMDd2LS41NTJjMC0uMDktLjA3OC0uMTY0LS4xNzQtLjE2NEg0Ljg1Yy0uMTEgMC0uNTAyLjA2Mi0xIC41MjgtLjIyMi4yMDktLjM1My42MzgtLjM1My45MzMgMCAuMDMzLjAzNS4wNTMuMDY2LjAzN3oiIGZpbGw9IiNERkVDRjIiLz48cGF0aCBkPSJNNS40MzQgMTUuMDYyczEuMDk1IDQuNDY3IDEuMjI2IDcuNDg2Yy4xMzEgMy4wMi0uMDE3IDMuNDctLjIxIDUuMjgyLS4wNTEuNTA3LS45MzcgMy44MTMtLjkzNyAzLjgxM0w1LjM2IDI1LjE3bC4wNzQtMTAuMTF6IiBmaWxsPSIjMTYxNjE2IiBvcGFjaXR5PSIuOSIvPjxwYXRoIGQ9Ik0yMC4xMyAxNy42NTFsLS44NzYtLjQ2MmEuMzEzLjMxMyAwIDAxLS4xNy0uMjc0di0uMTg4bDEuMzE3LjY5NXYuMDgyYy0uMDA0LjEyNy0uMTUyLjIwOS0uMjcuMTQ3eiIgZmlsbD0iIzMwMzQzNSIvPjxwYXRoIGQ9Ik0yMC40MzYgMTcuNDVsLTEuMDgyLS41NjhhLjk4NC45ODQgMCAwMC0uMzI3LS4xMDYuMTA4LjEwOCAwIDAxLS4wOTYtLjEwN3YtLjU1MmMwLS4wOS4wNzgtLjE2NC4xNzQtLjE2NGguMDQ0Yy4xMSAwIC41MDIuMDYyIDEgLjUyOC4yMjIuMjA5LjM1My42MzguMzUzLjkzMyAwIC4wMzMtLjAzNS4wNTMtLjA2Ni4wMzd6IiBmaWxsPSIjREZFQ0YyIi8+PHBhdGggZD0iTTkuMjk2IDM4LjUyNGg1LjM3NWMyLjI1MiAwIDIuODA2LS40NTggMy40MzQtMS4xNS0uMTA0LjI4Ny0uMjE4LjUyLS4zNDQuNjU5LS43MTIuNzgxLTEuMDI2IDEuMzI1LTMuMzU2IDEuMzI1SDkuNTU4Yy0yLjMzIDAtMi41NDQtLjQ4Ni0zLjM5LTEuMzI1LS4xNDktLjE0Ny0uMjc2LS40MDUtLjM4OS0uNzMyLjc1NS43NzcgMS4xNjUgMS4yMjMgMy41MTcgMS4yMjN6IiBmaWxsPSIjOTVBNEFEIi8+PHBhdGggZD0iTTguODgxIDM3LjkyMmg2LjA1MmMxLjkxMSAwIDIuNzM2LS4yOTggMy4zMy0uNzgxYTMuMDc1IDMuMDc1IDAgMDEtLjI5Ny43MmMtLjU4NS42MTgtMS4yMyAxLjAxOS0zLjMzNCAxLjAxOUg5LjE3OGMtMS40OCAwLTIuMi0uMTc2LTIuNzE4LS41MDQtLjExOC0uMTEtLjI0LS4yMzctLjM4NC0uMzg0LS4xNC0uMTQ3LS4yNjYtLjQwNS0uMzc2LS43NC41OS40MzMgMS4zOC42NyAzLjE4MS42N3oiIGZpbGw9IiNDQkQ4REUiLz48cGF0aCBkPSJNMTEuODE4IDM4LjAzN2MxLjY1IDAgMy4xMTUtLjA2NiA0LjA0LS4xNjQtLjA3LjE5My0uMTUyLjM0NC0uMjQuNDI2LS4wMzUuMDM3LS4xMTMuMDctLjE0OC4wOTgtLjkyNS4wODItMi4xOTUuMTMtMy42NTIuMTNhNDYuMjIgNDYuMjIgMCAwMS0zLjUzOS0uMTE4Yy0uMDQtLjAzMy0uMTI2LS4wNy0uMTctLjExLS4wOTYtLjA4Mi0uMTc5LS4yMy0uMjUzLS40MTguOTM0LjA5OSAyLjM2LjE1NiAzLjk2Mi4xNTZ6IiBmaWxsPSIjRjJGQUZGIi8+PHBhdGggZD0iTTExLjk4OCAxMi4xOTRjLTIuMjAzIDAtNC4yODUuNDQ2LTYuMTA5IDEuMjI3Ljc4Ny02Ljk2MSAzLjUtNy4xOCAzLjUtNy4xOGg1LjE5MnMzLjEyNS4zMTkgMy41IDcuMTcyYTE1LjQ5MyAxNS40OTMgMCAwMC02LjA4My0xLjIyeiIgZmlsbD0iI0Y5RkRGRiIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAxIDAgNS44MzQgMzcuNTE3KSI+PHVzZSBmaWxsPSIjQjkyRTREIiB4bGluazpocmVmPSIjcHJlZml4X19pIi8+PHVzZSBmaWxsLW9wYWNpdHk9Ii43IiBmaWxsPSJ1cmwoI3ByZWZpeF9faikiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2kiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIDEgMCAxMS40MzggMzcuNTE3KSI+PHVzZSBmaWxsPSIjQjkyRTREIiB4bGluazpocmVmPSIjcHJlZml4X19rIi8+PHVzZSBmaWxsLW9wYWNpdHk9Ii43IiBmaWxsPSJ1cmwoI3ByZWZpeF9fbCkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2siLz48L2c+PHBhdGggZD0iTTE4LjQxIDM2LjI3NGMtLjAzOC4yNS0uMDgyLjQ1NC0uMTMuNjQyLS4wOTIuMzcyLS40MTkuNjU1LS44Mi43MTItMS40NzUuMjA4LTMuNDM0LjQyMS01LjU4MS40MjEtMi4wODYgMC0zLjk4OC0uMjA0LTUuNDQ2LS40MDVhLjk3NS45NzUgMCAwMS0uODI0LS43MDggOC45MDMgOC45MDMgMCAwMS0uMTM1LS42NDJjMS41MjIuMjUgMy44MjYuNDEgNi40MDUuNDEgMi42NDggMCA1LjAwOS0uMTY4IDYuNTMyLS40M3oiIGZpbGw9IiNERkVDRjIiLz48cGF0aCBkPSJNMTYuMjE2IDM2LjcxMWMtLjk0Ny40ODctMi40ODcuNy00LjIzMi43LTEuNjk4IDAtMy4yMDctLjE5Ni00LjE1OS0uNjYzLS40NC0uODMtLjY2My0yLjY0My0uNjYzLTIuNjQzbC0uMDA5LS4xODRjLjc3My43MDggMi42NDUgMS4yMDMgNC44MyAxLjIwMyAyLjI0MyAwIDQuMTU5LS41MjQgNC44OTItMS4yNmwtLjAxMy4yNDFjMC0uMDA0LS4yMTggMS43NjQtLjY0NiAyLjYwNnpNNy40NDcgMjMuOTNhMjAuMTIgMjAuMTIgMCAwMC0uMjk0LTIuNDQydi0uMDY1YzEuNTM4LS4zMiAzLjE2Ny0uNjQ5IDQuODYyLS42NDkgMS42NzUgMCAzLjI5NC4zMjYgNC44MTYuNjM3YTIyLjY3MyAyMi42NzMgMCAwMC0uMzAzIDIuNTJjLS4xNDcgMi44ODQuMDIgMy4zMTQuMjMyIDUuMDQ4LjAwNi4wNTcuMDI2LjE1Mi4wNTYuMjc0LTEuNTEzLjI3OC0zIC41NC00LjkxMi41NC0xLjg0NyAwLTMuMjg5LS4yNS00Ljc1LS41MTF2LS4wMDhjLjAzLS4xMzEuMDU1LS4yMzMuMDYtLjI5LjIxOC0xLjc0NC4zOC0yLjE3My4yMzMtNS4wNTN6IiBmaWxsPSIjRjJGQUZGIi8+PHBhdGggZD0iTTEyLjA2NyAxOS43MTZsLTQuNjQ1LjY5MmMtLjQzMS0yLjkyLS44MzItNC4zNi0xLjIwMi00LjMyNGwtLjIxLTEuMjk3YTExLjczMiAxMS43MzIgMCAwMTYuMDI2LTEuNjczYy4zODYgMC0uMTM3LjA1LTEuNTY5LjE0N2wxLjYgNi40NTV6IiBmaWxsPSIjMTYxNjE2Ii8+PC9nPjwvZz48L3N2Zz4=";
 const TaxiCar_css_ts_vanilla = "";
 var carIcon = "_65j3sr1";
+var hide = createRuntimeFn({ defaultClassName: "", variantClassNames: { hide: { true: "_65j3sr2", false: "_65j3sr3" } }, defaultVariants: {}, compoundVariants: [] });
 var pointInfoBoxEmphasize = "_4a4ovk5";
 var pointInfoBoxTitle = "_4a4ovk3";
 var pointLayout = "_4a4ovk0";
@@ -3973,24 +4035,43 @@ const ATaxiCar = defineSetup(function ATaxiCar2(props) {
     const titleRow = !props.title ? "" : decodeAsterisk(props.title).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize}">${item.value}</span>`).join("");
     const carStyle = `transform:rotate(${(_a = props.angle) != null ? _a : 0}deg)`;
     if (!props.title)
-      return `<img src="${imgTaxicar}" class="${carIcon}" style="${carStyle}">`;
-    return `
+      return {
+        img: `<img src="${imgTaxicar}" class="${carIcon}" style="${carStyle}">`
+      };
+    const content = (hide$1) => `
       <div class="${pointLayout}">
-        <div class="${pointSingleInfoBox}">
+        <div class="${pointSingleInfoBox} ${hide({
+      hide: !hide$1
+    })}">
           <div class="${pointInfoBoxTitle}">${titleRow}</div>
         </div>
-        <img src="${imgTaxicar}" class="${carIcon}" style="${carStyle}">
+        <img src="${imgTaxicar}" class="${carIcon} ${hide({
+      hide: hide$1
+    })}" style="${carStyle}">
       </div>
       `;
+    return {
+      box: content(true),
+      img: content(false)
+    };
   });
-  return () => Vue.h(AmapMarker, {
+  return () => Vue.h("div", [Vue.h(AmapMarker, {
     "attrs": {
       "position": props.position,
-      "content": contentRef.value,
+      "content": contentRef.value.img,
       "anchor": "bottom-center",
-      "registerOverlay": props.registerOverlay
+      "registerOverlay": props.registerOverlay,
+      "zIndex": ZINDEX_CAR_LAYER
     }
-  });
+  }), Vue.h(AmapMarker, {
+    "attrs": {
+      "position": props.position,
+      "content": contentRef.value.box,
+      "anchor": "bottom-center",
+      "registerOverlay": props.registerOverlay,
+      "zIndex": ZINDEX_BUBBLE_LAYER
+    }
+  })]);
 });
 const GTaxiCar = defineSetup(function GTaxiCar2(props) {
   const contentRef = Vue.computed(() => {
@@ -3998,28 +4079,46 @@ const GTaxiCar = defineSetup(function GTaxiCar2(props) {
     const titleRow = !props.title ? "" : decodeAsterisk(props.title).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize}">${item.value}</span>`).join("");
     const carStyle = `transform:rotate(${(_a = props.angle) != null ? _a : 0}deg)`;
     if (!props.title)
-      return createDom("img", {
-        class: carIcon,
-        src: imgTaxicar,
-        style: carStyle
-      });
-    return createDom("div", {
+      return {
+        img: createDom("img", {
+          class: carIcon,
+          src: imgTaxicar,
+          style: carStyle
+        })
+      };
+    const content = (hide$1) => createDom("div", {
       class: pointLayout
     }, `
-        <div class="${pointSingleInfoBox}">
+        <div class="${pointSingleInfoBox} ${hide({
+      hide: !hide$1
+    })}">
           <div class="${pointInfoBoxTitle}">${titleRow}</div>
         </div>
-        <img src="${imgTaxicar}" class="${carIcon}" style="${carStyle}">
+        <img src="${imgTaxicar}" class="${carIcon} ${hide({
+      hide: hide$1
+    })}" style="${carStyle}">
       `);
+    return {
+      box: content(true),
+      img: content(false)
+    };
   });
   return () => {
-    return Vue.h(GmapAdvancedMarkerView, {
+    return Vue.h("div", [Vue.h(GmapAdvancedMarkerView, {
       "attrs": {
         "position": vec2lnglat(props.position),
-        "content": contentRef.value,
-        "registerOverlay": props.registerOverlay
+        "content": contentRef.value.img,
+        "registerOverlay": props.registerOverlay,
+        "zIndex": ZINDEX_CAR_LAYER
       }
-    });
+    }), Vue.h(GmapAdvancedMarkerView, {
+      "attrs": {
+        "position": vec2lnglat(props.position),
+        "content": contentRef.value.box,
+        "registerOverlay": props.registerOverlay,
+        "zIndex": ZINDEX_BUBBLE_LAYER
+      }
+    })]);
   };
 });
 const TaxiCar = defineSetup(function TaxiCar2(props) {
@@ -4258,7 +4357,10 @@ const WaveCircle = defineSetup(function WaveCircle2(props) {
     });
   };
 });
-const PASSENGER_DISTANCE_LIMIT = 2e3;
+const PASSENGER_DISTANCE_MAX = 2e3;
+const PASSENGER_DISTANCE_MIN = 10;
+const CAR_DISTANCE_MIN = 100;
+const carDurationWithinMinDistance = (distance) => Math.floor(distance / 5);
 const SectionDispatching = defineSetup(function SectionDispatching2(props) {
   return () => {
     const {
@@ -4320,7 +4422,7 @@ const SectionConfirmed = defineSetup(function SectionConfirmed2(props) {
     }), Vue.h(ConditionalFittablePassengerCircle, {
       "attrs": {
         "position": passengerPosition,
-        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT,
+        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
         "registerOverlay": registerOverlay
       }
     }), Vue.h(StartEndPoint, {
@@ -4368,10 +4470,11 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
     } = props;
     const from = place2point(fromPlace);
     const passengerDistance = passengerPosition ? apiMapDistance(passengerPosition, from) : void 0;
+    const carDistance = carPosition ? apiMapDistance(carPosition, from) : void 0;
     return Vue.h("div", [Vue.h(ConditionalFittablePassengerCircle, {
       "attrs": {
         "position": passengerPosition,
-        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT,
+        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
         "registerOverlay": registerOverlay
       }
     }), Vue.h(StartEndPoint, {
@@ -4386,7 +4489,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
         "label": fromPlace.name,
         "hideIcon": true
       }
-    }), carPosition[0] !== from[0] || carPosition[1] !== from[1] ? Vue.h(DrivingRoute, {
+    }), !carPosition || !carDistance ? null : carDistance > CAR_DISTANCE_MIN ? Vue.h(DrivingRoute, {
       "attrs": {
         "from": carPosition,
         "to": from,
@@ -4414,7 +4517,21 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
           }
         })]
       }
-    }) : null, !!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT && Vue.h(WalkingRoute, {
+    }) : [Vue.h(TaxiCar, {
+      "attrs": {
+        "position": carPosition,
+        "title": renderTitle({
+          distance: carDistance,
+          duration: carDurationWithinMinDistance(carDistance)
+        }),
+        "registerOverlay": registerOverlay
+      }
+    }), Vue.h(KeyedFitView, {
+      "attrs": {
+        "registerOverlay": registerOverlay,
+        "fitViewKey": JSON.stringify(carPosition)
+      }
+    })], !!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX && passengerDistance > PASSENGER_DISTANCE_MIN && Vue.h(WalkingRoute, {
       "attrs": {
         "from": passengerPosition,
         "to": from,
@@ -4459,7 +4576,7 @@ const SectionBookDispatched = defineSetup(function SectionBookDispatched2(props)
           }
         })
       }
-    }), !!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT && Vue.h(WalkingRoute, {
+    }), !!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX && passengerDistance > PASSENGER_DISTANCE_MIN && Vue.h(WalkingRoute, {
       "attrs": {
         "from": passengerPosition,
         "to": from,
@@ -4474,7 +4591,7 @@ const SectionBookDispatched = defineSetup(function SectionBookDispatched2(props)
     }), Vue.h(ConditionalFittablePassengerCircle, {
       "attrs": {
         "position": passengerPosition,
-        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT,
+        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
         "registerOverlay": registerOverlay
       }
     }), Vue.h(StartEndPoint, {
@@ -4522,7 +4639,7 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
     } = props;
     const from = place2point(fromPlace);
     const passengerDistance = passengerPosition ? apiMapDistance(passengerPosition, from) : void 0;
-    return Vue.h("div", [!!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT && Vue.h(WalkingRoute, {
+    return Vue.h("div", [!!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX && passengerDistance > PASSENGER_DISTANCE_MIN && Vue.h(WalkingRoute, {
       "attrs": {
         "from": passengerPosition,
         "to": from,
@@ -4537,16 +4654,21 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
     }), Vue.h(ConditionalFittablePassengerCircle, {
       "attrs": {
         "position": passengerPosition,
-        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT,
+        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
         "registerOverlay": registerOverlay
       }
-    }), Vue.h(TaxiCar, {
+    }), !!carPosition && [Vue.h(TaxiCar, {
       "attrs": {
         "position": carPosition,
         "title": title,
         "registerOverlay": registerOverlay
       }
-    }), Vue.h(StartEndPoint, {
+    }), Vue.h(KeyedFitView, {
+      "attrs": {
+        "registerOverlay": registerOverlay,
+        "fitViewKey": JSON.stringify(carPosition)
+      }
+    })], Vue.h(StartEndPoint, {
       "attrs": {
         "type": "start",
         "position": from,
@@ -4574,7 +4696,11 @@ const SectionInService = defineSetup(function SectionInService2(props) {
       registerOverlay
     } = props;
     const to = place2point(toPlace);
-    return Vue.h("div", [Vue.h(DrivingRoute, {
+    const {
+      apiMapDistance
+    } = useMapGeometry();
+    const carDistance = carPosition ? apiMapDistance(carPosition, to) : void 0;
+    return Vue.h("div", [!carPosition || !carDistance ? null : carDistance > CAR_DISTANCE_MIN ? Vue.h(DrivingRoute, {
       "attrs": {
         "from": carPosition,
         "to": to,
@@ -4602,7 +4728,21 @@ const SectionInService = defineSetup(function SectionInService2(props) {
           }
         })]
       }
-    }), Vue.h(StartEndPoint, {
+    }) : [Vue.h(TaxiCar, {
+      "attrs": {
+        "position": carPosition,
+        "title": renderTitle({
+          distance: carDistance,
+          duration: carDurationWithinMinDistance(carDistance)
+        }),
+        "registerOverlay": registerOverlay
+      }
+    }), Vue.h(KeyedFitView, {
+      "attrs": {
+        "registerOverlay": registerOverlay,
+        "fitViewKey": JSON.stringify(carPosition)
+      }
+    })], Vue.h(StartEndPoint, {
       "attrs": {
         "type": "end",
         "position": to,
@@ -4756,7 +4896,6 @@ const BusinessTaxiEndMap = defineSetup(function BusinessTaxiEndMap2(props) {
 const STATUS_NEED_CAR_POSITION = ["book-driverStartService", "dispatched", "driverStartService", "inService", "driverArrived"];
 const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap2(props) {
   const {
-    from,
     interval,
     registerOverlay,
     mapRef,
@@ -4768,10 +4907,8 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
   const {
     geoPosition,
     geoError
-  } = useGeoLocation({
-    geoDefaultPosition: place2point(from)
-  });
-  const carPositionRef = Vue.ref(place2point(props.from));
+  } = useGeoLocation();
+  const carPositionRef = Vue.ref();
   Vue.watch(() => props.driverStatus, (status, _, onCleanup) => {
     if (!STATUS_NEED_CAR_POSITION.includes(status))
       return;
@@ -4785,7 +4922,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
   return () => {
     const {
       driverStatus,
-      from: from2,
+      from,
       to,
       dispatchingTitle,
       bookDispatchingTitle,
@@ -4796,7 +4933,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
     const passengerPosition = geoError.value ? void 0 : geoPosition.value;
     return Vue.h(HeycarMap, {
       "attrs": {
-        "center": place2point(from2),
+        "center": place2point(from),
         "zoom": 13,
         "mapRef": mapRef,
         "touchEnable": touchEnable
@@ -4806,26 +4943,26 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
       }
     }, [driverStatus === "dispatching" ? Vue.h(SectionDispatching, {
       "attrs": {
-        "from": from2,
+        "from": from,
         "title": dispatchingTitle,
         "registerOverlay": registerOverlay
       }
     }) : driverStatus === "book-dispatching" ? Vue.h(SectionDispatching, {
       "attrs": {
-        "from": from2,
+        "from": from,
         "title": bookDispatchingTitle,
         "registerOverlay": registerOverlay
       }
     }) : driverStatus === "assign" || driverStatus === "confirmed" ? Vue.h(SectionConfirmed, {
       "attrs": {
-        "from": from2,
+        "from": from,
         "to": to,
         "passengerPosition": passengerPosition,
         "registerOverlay": registerOverlay
       }
     }) : driverStatus === "dispatched" || driverStatus === "driverStartService" || driverStatus === "book-driverStartService" ? Vue.h(SectionDriverStartService, {
       "attrs": {
-        "from": from2,
+        "from": from,
         "carPosition": carPosition,
         "passengerPosition": passengerPosition,
         "renderTitle": renderStartSerivceTitle,
@@ -4833,7 +4970,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
       }
     }) : driverStatus === "book-dispatched" ? Vue.h(SectionBookDispatched, {
       "attrs": {
-        "from": from2,
+        "from": from,
         "to": to,
         "passengerPosition": passengerPosition,
         "registerOverlay": registerOverlay
@@ -4847,7 +4984,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
       }
     }) : driverStatus === "driverArrived" ? Vue.h(SectionDriverArrived, {
       "attrs": {
-        "from": from2,
+        "from": from,
         "carPosition": carPosition,
         "passengerPosition": passengerPosition,
         "title": driverArrivedTitle,
@@ -4855,13 +4992,13 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
       }
     }) : driverStatus === "canceled" || driverStatus === "canceling" ? Vue.h(SectionCanceled, {
       "attrs": {
-        "from": from2,
+        "from": from,
         "to": to,
         "registerOverlay": registerOverlay
       }
     }) : driverStatus === "endService" || driverStatus === "completed" || driverStatus === "banlanceRefund" || driverStatus === "waitBanlanceRefund" || driverStatus === "rechargePayed" || driverStatus === "waitRechargePay" || driverStatus === "payed" || driverStatus === "waitpay" || driverStatus === "refund" ? Vue.h(SectionEndService, {
       "attrs": {
-        "from": from2,
+        "from": from,
         "to": to,
         "registerOverlay": registerOverlay
       }
@@ -4869,7 +5006,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
       // 匹配不到就显示灰色路线
       Vue.h(SectionEndService, {
         "attrs": {
-          "from": from2,
+          "from": from,
           "to": to,
           "registerOverlay": registerOverlay
         }