@heycar/heycars-map 0.4.9 → 0.5.1

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/hooks/useMapPlace.d.ts

@@ -7,6 +7,7 @@ export interface UseMapPlaceOnChangeCityProps {
 }
 export interface UseMapPlaceProps {
     pointRef: Ref<Point>;
+    emptyPlaceName: string;
     onChange?: (value: Place) => any;
     onChangeCity?: (value: UseMapPlaceOnChangeCityProps) => any;
 }

package/dist/hooks/useMapRecomendPlace.d.ts

@@ -4,6 +4,7 @@ import { UseMapPlaceProps } from "./useMapPlace";
 export interface UseMapRecomendPlaceProps<C = Record<string, any>> {
     pointRef: Ref<Point>;
     context?: C;
+    emptyPlaceName: string;
     getLimit: (context?: C) => number;
     getRecomendPlace: (place: Place, context?: C) => Promise<Place[] | undefined>;
     onChangeCity?: UseMapPlaceProps["onChangeCity"];

package/dist/index.cjs

@@ -2663,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 = "";
@@ -2780,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
     }
   });
 });
@@ -2824,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
       }
     });
   };
@@ -3078,6 +3086,7 @@ const useAmapDrag = (props) => {
     var _a;
     isDragging.value = false;
     const { lng, lat } = target.getCenter();
+    spaceLog("dragEnd", "[lng, lat] = ", [lng, lat]);
     centerRef.value = [lng, lat];
     (_a = pipeAsync(onChange)) == null ? void 0 : _a([lng, lat]);
   };
@@ -3127,7 +3136,7 @@ const useUpdate = () => {
   return { idx, update };
 };
 const useAmapPlace = (props) => {
-  const { onChange, onChangeCity } = props;
+  const { onChange, onChangeCity, emptyPlaceName } = props;
   const defaultPoint = [...props.pointRef.value];
   const pointRef = Vue.ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
@@ -3167,9 +3176,11 @@ const useAmapPlace = (props) => {
       geocoder.getAddress(new AMap.LngLat(lng, lat), (status, result) => {
         switch (status) {
           case "complete": {
-            const { formattedAddress: name, addressComponent } = result.regeocode;
+            const { formattedAddress, addressComponent } = result.regeocode;
             const cityName = addressComponent.city ? addressComponent.city : addressComponent.province;
             const cityParentName = addressComponent.province;
+            const name = formattedAddress ? formattedAddress : emptyPlaceName;
+            console.log("geocoder.getAddress status, name, lng, lat = ", status, name, lng, lat);
             place.name = name;
             place.lng = lng;
             place.lat = lat;
@@ -3178,9 +3189,10 @@ const useAmapPlace = (props) => {
             return;
           }
           case "no_data":
-            place.name = "";
+            place.name = emptyPlaceName;
             place.lng = lng;
             place.lat = lat;
+            console.log("geocoder.getAddress status, name, lng, lat = ", status, "", lng, lat);
             onChange == null ? void 0 : onChange({ lng, lat, name: "" });
             return;
           case "error":
@@ -3192,7 +3204,7 @@ const useAmapPlace = (props) => {
   return { place, updatePlace, setPlace, updateCity };
 };
 const useGmapPlace = (props) => {
-  const { onChange, onChangeCity } = props;
+  const { onChange, onChangeCity, emptyPlaceName } = props;
   const defaultPoint = [...props.pointRef.value];
   const pointRef = Vue.ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
@@ -3227,7 +3239,7 @@ const useGmapPlace = (props) => {
       const geocoder = new google.maps.Geocoder();
       const [lng, lat] = pointRef.value;
       const { results } = await geocoder.geocode({ language: LANGUAGE, location: { lng, lat } });
-      const name = results[0].formatted_address;
+      const name = results[0].formatted_address ? results[0].formatted_address : emptyPlaceName;
       const cityName = geocoderResult2cityName(results[0]);
       const cityParentName = results.slice(-2)[0].address_components[0].long_name;
       const countryName = results.slice(-1)[0].address_components[0].long_name;
@@ -3269,12 +3281,22 @@ const findGmapNearestPlace = (place, candidates) => {
   return { shortestPlace, shortestDistance };
 };
 const useAmapRecomendPlace = (props) => {
-  const { pointRef, getRecomendPlace, getLimit, context: context2, onChange, onChangePlace, onChangeCity } = props;
+  const {
+    pointRef,
+    getRecomendPlace,
+    getLimit,
+    context: context2,
+    emptyPlaceName,
+    onChange,
+    onChangePlace,
+    onChangeCity
+  } = props;
   const availableRef = Vue.ref(true);
   const placeCandidatesRef = Vue.ref([]);
   const { idx: recomendPlaceKey, update: updateRecomandPlace } = useUpdate();
   const { readyPromise } = useMapSupplier();
   const { place, updatePlace, setPlace, updateCity } = useAmapPlace({
+    emptyPlaceName,
     pointRef,
     onChange: onChangePlace,
     onChangeCity
@@ -3325,12 +3347,22 @@ const useAmapRecomendPlace = (props) => {
   };
 };
 const useGmapRecomendPlace = (props) => {
-  const { pointRef, getRecomendPlace, getLimit, context: context2, onChange, onChangePlace, onChangeCity } = props;
+  const {
+    pointRef,
+    getRecomendPlace,
+    getLimit,
+    context: context2,
+    emptyPlaceName,
+    onChange,
+    onChangePlace,
+    onChangeCity
+  } = props;
   const availableRef = Vue.ref(true);
   const placeCandidatesRef = Vue.ref([]);
   const { idx: recomendPlaceKey, update: updateRecomandPlace } = useUpdate();
   const { readyPromise } = useMapSupplier();
   const { place, updatePlace, setPlace, updateCity } = useGmapPlace({
+    emptyPlaceName,
     pointRef,
     onChange: onChangePlace,
     onChangeCity
@@ -3468,7 +3500,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
       }
     });
   };
@@ -3490,7 +3523,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
     }
   });
 });
@@ -3665,7 +3699,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
@@ -3716,7 +3751,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
@@ -3793,7 +3829,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   const pipedGetRecomendPlace = pipeOnlyLastEffect(getRecomendPlace);
   const {
     mapRef,
-    setMap
+    setMap,
+    panTo
   } = useHeycarMap();
   const {
     readyPromise
@@ -3904,6 +3941,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     isElectedRef
   } = useMapRecomendPlace({
     pointRef: centerPoint,
+    emptyPlaceName: DEFAULT_PLACE_NAME,
     context: centerSource,
     getRecomendPlace: pipedGetRecomendPlace,
     getLimit: (context2) => {
@@ -3931,8 +3969,10 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       Object.assign(centerPlace, {
         ...place
       });
+      panTo(place2point(place));
       emit("changeRecomandPlace", place);
-      await pipeDefer(setZoom)(READY_ZOOM);
+      if (isFirstWorkflowRecomendLoadingRef.value)
+        await pipeDefer(setZoom)(READY_ZOOM);
       completeFirstWorkflowRecomend();
     },
     onChangeCity: (value) => {
@@ -3948,13 +3988,12 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     mapContext.onChangeRecomendPlaces([...placeCandidates.value]);
   });
   return () => {
-    var _a2;
     const {
       geoLoadingTitle,
       recomendDescription,
       unavailableTitle
     } = props;
-    const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : (_a2 = centerPlace.name) != null ? _a2 : DEFAULT_PLACE_NAME;
+    const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : centerPlace.name;
     const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
     return Vue.h(HeycarMap, {
       "attrs": {
@@ -3986,7 +4025,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 useAmapGeometry = () => {
   const payload = useMapSupplier();
   const apiMapDistance = (from, to) => {
@@ -4012,6 +4050,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";
@@ -4022,24 +4061,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(() => {
@@ -4047,28 +4105,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) {
@@ -4307,7 +4383,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 {
@@ -4369,7 +4448,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, {
@@ -4417,10 +4496,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, {
@@ -4435,7 +4515,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,
@@ -4463,7 +4543,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,
@@ -4508,7 +4602,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,
@@ -4523,7 +4617,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, {
@@ -4571,7 +4665,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,
@@ -4586,16 +4680,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,
@@ -4623,7 +4722,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,
@@ -4651,7 +4754,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,
@@ -4773,7 +4890,7 @@ const BusinessTaxiEndMap = defineSetup(function BusinessTaxiEndMap2(props) {
   } = useMapFitView({
     mapRef,
     autoFitTimeout: 5e3,
-    padding: [25, 20, 15, 15]
+    padding: [19, 36, 19, 26]
   });
   const deferedSetFitView = pipeDefer(registerFitVeiw.setFitView);
   return () => {
@@ -4817,7 +4934,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
     geoPosition,
     geoError
   } = useGeoLocation();
-  const carPositionRef = Vue.ref(place2point(props.from));
+  const carPositionRef = Vue.ref();
   Vue.watch(() => props.driverStatus, (status, _, onCleanup) => {
     if (!STATUS_NEED_CAR_POSITION.includes(status))
       return;
@@ -5156,7 +5273,7 @@ const useBusinessTaxiServiceMap = () => {
   const { registerFitVeiw, setFitView } = useMapFitView({
     mapRef,
     autoFitTimeout: 5e3,
-    padding: [19, 26, 19, 26]
+    padding: [19, 36, 19, 26]
   });
   return { setMap, registerFitVeiw, setFitView };
 };

package/dist/index.js

@@ -2661,6 +2661,12 @@ const KeyedFitView = defineSetup(function KeyedFitView2(props, {
     return 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 = "";
@@ -2778,7 +2784,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
     }
   });
 });
@@ -2822,7 +2829,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
       }
     });
   };
@@ -3076,6 +3084,7 @@ const useAmapDrag = (props) => {
     var _a;
     isDragging.value = false;
     const { lng, lat } = target.getCenter();
+    spaceLog("dragEnd", "[lng, lat] = ", [lng, lat]);
     centerRef.value = [lng, lat];
     (_a = pipeAsync(onChange)) == null ? void 0 : _a([lng, lat]);
   };
@@ -3125,7 +3134,7 @@ const useUpdate = () => {
   return { idx, update };
 };
 const useAmapPlace = (props) => {
-  const { onChange, onChangeCity } = props;
+  const { onChange, onChangeCity, emptyPlaceName } = props;
   const defaultPoint = [...props.pointRef.value];
   const pointRef = ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
@@ -3165,9 +3174,11 @@ const useAmapPlace = (props) => {
       geocoder.getAddress(new AMap.LngLat(lng, lat), (status, result) => {
         switch (status) {
           case "complete": {
-            const { formattedAddress: name, addressComponent } = result.regeocode;
+            const { formattedAddress, addressComponent } = result.regeocode;
             const cityName = addressComponent.city ? addressComponent.city : addressComponent.province;
             const cityParentName = addressComponent.province;
+            const name = formattedAddress ? formattedAddress : emptyPlaceName;
+            console.log("geocoder.getAddress status, name, lng, lat = ", status, name, lng, lat);
             place.name = name;
             place.lng = lng;
             place.lat = lat;
@@ -3176,9 +3187,10 @@ const useAmapPlace = (props) => {
             return;
           }
           case "no_data":
-            place.name = "";
+            place.name = emptyPlaceName;
             place.lng = lng;
             place.lat = lat;
+            console.log("geocoder.getAddress status, name, lng, lat = ", status, "", lng, lat);
             onChange == null ? void 0 : onChange({ lng, lat, name: "" });
             return;
           case "error":
@@ -3190,7 +3202,7 @@ const useAmapPlace = (props) => {
   return { place, updatePlace, setPlace, updateCity };
 };
 const useGmapPlace = (props) => {
-  const { onChange, onChangeCity } = props;
+  const { onChange, onChangeCity, emptyPlaceName } = props;
   const defaultPoint = [...props.pointRef.value];
   const pointRef = ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
@@ -3225,7 +3237,7 @@ const useGmapPlace = (props) => {
       const geocoder = new google.maps.Geocoder();
       const [lng, lat] = pointRef.value;
       const { results } = await geocoder.geocode({ language: LANGUAGE, location: { lng, lat } });
-      const name = results[0].formatted_address;
+      const name = results[0].formatted_address ? results[0].formatted_address : emptyPlaceName;
       const cityName = geocoderResult2cityName(results[0]);
       const cityParentName = results.slice(-2)[0].address_components[0].long_name;
       const countryName = results.slice(-1)[0].address_components[0].long_name;
@@ -3267,12 +3279,22 @@ const findGmapNearestPlace = (place, candidates) => {
   return { shortestPlace, shortestDistance };
 };
 const useAmapRecomendPlace = (props) => {
-  const { pointRef, getRecomendPlace, getLimit, context: context2, onChange, onChangePlace, onChangeCity } = props;
+  const {
+    pointRef,
+    getRecomendPlace,
+    getLimit,
+    context: context2,
+    emptyPlaceName,
+    onChange,
+    onChangePlace,
+    onChangeCity
+  } = props;
   const availableRef = ref(true);
   const placeCandidatesRef = ref([]);
   const { idx: recomendPlaceKey, update: updateRecomandPlace } = useUpdate();
   const { readyPromise } = useMapSupplier();
   const { place, updatePlace, setPlace, updateCity } = useAmapPlace({
+    emptyPlaceName,
     pointRef,
     onChange: onChangePlace,
     onChangeCity
@@ -3323,12 +3345,22 @@ const useAmapRecomendPlace = (props) => {
   };
 };
 const useGmapRecomendPlace = (props) => {
-  const { pointRef, getRecomendPlace, getLimit, context: context2, onChange, onChangePlace, onChangeCity } = props;
+  const {
+    pointRef,
+    getRecomendPlace,
+    getLimit,
+    context: context2,
+    emptyPlaceName,
+    onChange,
+    onChangePlace,
+    onChangeCity
+  } = props;
   const availableRef = ref(true);
   const placeCandidatesRef = ref([]);
   const { idx: recomendPlaceKey, update: updateRecomandPlace } = useUpdate();
   const { readyPromise } = useMapSupplier();
   const { place, updatePlace, setPlace, updateCity } = useGmapPlace({
+    emptyPlaceName,
     pointRef,
     onChange: onChangePlace,
     onChangeCity
@@ -3466,7 +3498,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
       }
     });
   };
@@ -3488,7 +3521,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
     }
   });
 });
@@ -3663,7 +3697,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
@@ -3714,7 +3749,8 @@ const GPlaceCircle = defineSetup(function GPlaceCircle2(props, {
   return () => 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
@@ -3791,7 +3827,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   const pipedGetRecomendPlace = pipeOnlyLastEffect(getRecomendPlace);
   const {
     mapRef,
-    setMap
+    setMap,
+    panTo
   } = useHeycarMap();
   const {
     readyPromise
@@ -3902,6 +3939,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     isElectedRef
   } = useMapRecomendPlace({
     pointRef: centerPoint,
+    emptyPlaceName: DEFAULT_PLACE_NAME,
     context: centerSource,
     getRecomendPlace: pipedGetRecomendPlace,
     getLimit: (context2) => {
@@ -3929,8 +3967,10 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       Object.assign(centerPlace, {
         ...place
       });
+      panTo(place2point(place));
       emit("changeRecomandPlace", place);
-      await pipeDefer(setZoom)(READY_ZOOM);
+      if (isFirstWorkflowRecomendLoadingRef.value)
+        await pipeDefer(setZoom)(READY_ZOOM);
       completeFirstWorkflowRecomend();
     },
     onChangeCity: (value) => {
@@ -3946,13 +3986,12 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     mapContext.onChangeRecomendPlaces([...placeCandidates.value]);
   });
   return () => {
-    var _a2;
     const {
       geoLoadingTitle,
       recomendDescription,
       unavailableTitle
     } = props;
-    const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : (_a2 = centerPlace.name) != null ? _a2 : DEFAULT_PLACE_NAME;
+    const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : centerPlace.name;
     const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
     return h(HeycarMap, {
       "attrs": {
@@ -3984,7 +4023,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 useAmapGeometry = () => {
   const payload = useMapSupplier();
   const apiMapDistance = (from, to) => {
@@ -4010,6 +4048,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";
@@ -4020,24 +4059,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 () => h(AmapMarker, {
+  return () => h("div", [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
     }
-  });
+  }), 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 = computed(() => {
@@ -4045,28 +4103,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 h(GmapAdvancedMarkerView, {
+    return h("div", [h(GmapAdvancedMarkerView, {
       "attrs": {
         "position": vec2lnglat(props.position),
-        "content": contentRef.value,
-        "registerOverlay": props.registerOverlay
+        "content": contentRef.value.img,
+        "registerOverlay": props.registerOverlay,
+        "zIndex": ZINDEX_CAR_LAYER
       }
-    });
+    }), h(GmapAdvancedMarkerView, {
+      "attrs": {
+        "position": vec2lnglat(props.position),
+        "content": contentRef.value.box,
+        "registerOverlay": props.registerOverlay,
+        "zIndex": ZINDEX_BUBBLE_LAYER
+      }
+    })]);
   };
 });
 const TaxiCar = defineSetup(function TaxiCar2(props) {
@@ -4305,7 +4381,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 {
@@ -4367,7 +4446,7 @@ const SectionConfirmed = defineSetup(function SectionConfirmed2(props) {
     }), h(ConditionalFittablePassengerCircle, {
       "attrs": {
         "position": passengerPosition,
-        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT,
+        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
         "registerOverlay": registerOverlay
       }
     }), h(StartEndPoint, {
@@ -4415,10 +4494,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 h("div", [h(ConditionalFittablePassengerCircle, {
       "attrs": {
         "position": passengerPosition,
-        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT,
+        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
         "registerOverlay": registerOverlay
       }
     }), h(StartEndPoint, {
@@ -4433,7 +4513,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
         "label": fromPlace.name,
         "hideIcon": true
       }
-    }), carPosition[0] !== from[0] || carPosition[1] !== from[1] ? h(DrivingRoute, {
+    }), !carPosition || !carDistance ? null : carDistance > CAR_DISTANCE_MIN ? h(DrivingRoute, {
       "attrs": {
         "from": carPosition,
         "to": from,
@@ -4461,7 +4541,21 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
           }
         })]
       }
-    }) : null, !!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT && h(WalkingRoute, {
+    }) : [h(TaxiCar, {
+      "attrs": {
+        "position": carPosition,
+        "title": renderTitle({
+          distance: carDistance,
+          duration: carDurationWithinMinDistance(carDistance)
+        }),
+        "registerOverlay": registerOverlay
+      }
+    }), h(KeyedFitView, {
+      "attrs": {
+        "registerOverlay": registerOverlay,
+        "fitViewKey": JSON.stringify(carPosition)
+      }
+    })], !!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX && passengerDistance > PASSENGER_DISTANCE_MIN && h(WalkingRoute, {
       "attrs": {
         "from": passengerPosition,
         "to": from,
@@ -4506,7 +4600,7 @@ const SectionBookDispatched = defineSetup(function SectionBookDispatched2(props)
           }
         })
       }
-    }), !!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT && h(WalkingRoute, {
+    }), !!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX && passengerDistance > PASSENGER_DISTANCE_MIN && h(WalkingRoute, {
       "attrs": {
         "from": passengerPosition,
         "to": from,
@@ -4521,7 +4615,7 @@ const SectionBookDispatched = defineSetup(function SectionBookDispatched2(props)
     }), h(ConditionalFittablePassengerCircle, {
       "attrs": {
         "position": passengerPosition,
-        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT,
+        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
         "registerOverlay": registerOverlay
       }
     }), h(StartEndPoint, {
@@ -4569,7 +4663,7 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
     } = props;
     const from = place2point(fromPlace);
     const passengerDistance = passengerPosition ? apiMapDistance(passengerPosition, from) : void 0;
-    return h("div", [!!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT && h(WalkingRoute, {
+    return h("div", [!!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX && passengerDistance > PASSENGER_DISTANCE_MIN && h(WalkingRoute, {
       "attrs": {
         "from": passengerPosition,
         "to": from,
@@ -4584,16 +4678,21 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
     }), h(ConditionalFittablePassengerCircle, {
       "attrs": {
         "position": passengerPosition,
-        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_LIMIT,
+        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
         "registerOverlay": registerOverlay
       }
-    }), h(TaxiCar, {
+    }), !!carPosition && [h(TaxiCar, {
       "attrs": {
         "position": carPosition,
         "title": title,
         "registerOverlay": registerOverlay
       }
-    }), h(StartEndPoint, {
+    }), h(KeyedFitView, {
+      "attrs": {
+        "registerOverlay": registerOverlay,
+        "fitViewKey": JSON.stringify(carPosition)
+      }
+    })], h(StartEndPoint, {
       "attrs": {
         "type": "start",
         "position": from,
@@ -4621,7 +4720,11 @@ const SectionInService = defineSetup(function SectionInService2(props) {
       registerOverlay
     } = props;
     const to = place2point(toPlace);
-    return h("div", [h(DrivingRoute, {
+    const {
+      apiMapDistance
+    } = useMapGeometry();
+    const carDistance = carPosition ? apiMapDistance(carPosition, to) : void 0;
+    return h("div", [!carPosition || !carDistance ? null : carDistance > CAR_DISTANCE_MIN ? h(DrivingRoute, {
       "attrs": {
         "from": carPosition,
         "to": to,
@@ -4649,7 +4752,21 @@ const SectionInService = defineSetup(function SectionInService2(props) {
           }
         })]
       }
-    }), h(StartEndPoint, {
+    }) : [h(TaxiCar, {
+      "attrs": {
+        "position": carPosition,
+        "title": renderTitle({
+          distance: carDistance,
+          duration: carDurationWithinMinDistance(carDistance)
+        }),
+        "registerOverlay": registerOverlay
+      }
+    }), h(KeyedFitView, {
+      "attrs": {
+        "registerOverlay": registerOverlay,
+        "fitViewKey": JSON.stringify(carPosition)
+      }
+    })], h(StartEndPoint, {
       "attrs": {
         "type": "end",
         "position": to,
@@ -4771,7 +4888,7 @@ const BusinessTaxiEndMap = defineSetup(function BusinessTaxiEndMap2(props) {
   } = useMapFitView({
     mapRef,
     autoFitTimeout: 5e3,
-    padding: [25, 20, 15, 15]
+    padding: [19, 36, 19, 26]
   });
   const deferedSetFitView = pipeDefer(registerFitVeiw.setFitView);
   return () => {
@@ -4815,7 +4932,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
     geoPosition,
     geoError
   } = useGeoLocation();
-  const carPositionRef = ref(place2point(props.from));
+  const carPositionRef = ref();
   watch(() => props.driverStatus, (status, _, onCleanup) => {
     if (!STATUS_NEED_CAR_POSITION.includes(status))
       return;
@@ -5154,7 +5271,7 @@ const useBusinessTaxiServiceMap = () => {
   const { registerFitVeiw, setFitView } = useMapFitView({
     mapRef,
     autoFitTimeout: 5e3,
-    padding: [19, 26, 19, 26]
+    padding: [19, 36, 19, 26]
   });
   return { setMap, registerFitVeiw, setFitView };
 };

package/dist/style.css

@@ -140,7 +140,7 @@
   font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #1E1E1E;
-  line-height: 3.73vw;
+  line-height: 4vw;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
@@ -227,6 +227,9 @@
   margin-bottom: -5.5vw;
   width: 6vw;
   height: 11vw;
+}
+._65j3sr2 {
+  visibility: hidden;
 }@keyframes rrvp0y0 {
   0% {
     transform: scale(0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heycar/heycars-map",
-  "version": "0.4.9",
+  "version": "0.5.1",
   "type": "module",
   "scripts": {
     "dev": "vite -c vite.config.dev.ts",

package/todo.md

@@ -3,46 +3,28 @@ https://dawchihliou.github.io/articles/building-custom-google-maps-marker-react-
 2. Google 地址名称太长
 3. 高德地图加载期间出现大量的请求
 4. 做完其他事情进入首页，变成了获取定位失败，但其实 gps 是 ok 的，因为刷新页面是有点位的
+5. map 的两个 slot loading 和 error slot 没有生效
+6. 企业微信如果关闭定位，会不停的跳 geoError 事件
 
-郝瑞
+缩放问题
 
-- 5033 是否可以关闭
-- 5177 不太明白
+- 4867
+- 4920
 
-测试环境看下
+章新华
 
-- 4914
-- 4976
-- 5002
-- 5006
-- 5014 定位失败，文案问题
-- 5017
-- 5036
-- 5092
-- 5225
-- 5229 优先看
 - 5238
 
 不明白的
 
-- 4843
-- 4986
-- 5024
+- 5294
 
 需要复现
 
-- 4769
-- 4867
 - 5044
 - 5113
-- 5173
-
-setView 类 bug
-
-- 5134
-- 5056
-- 4939
-- 4936
+- 5291
+- 5257 我的 safari 没有问题
 
   0.4.3
 
@@ -74,3 +56,26 @@ setView 类 bug
 - 5006
 - 5017
 - 5238
+
+  0.5.0
+
+- 5284
+- 5314
+- 5313
+- 5297
+- 5277
+- 5244
+- 5198
+- 5173
+- 5168
+
+  0.5.1
+
+- 5303
+- 5329
+- 4769
+- 5044 （跟章新华说下）
+- 5314
+- 5347
+- 5348
+- 5057

package/vite.config.dev.ts

@@ -14,4 +14,7 @@ const pluginVue = isVue2 ? pluginVue2 : pluginVue3;
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [pluginVue(), vueJsx(), checker({ typescript: true }), eslint(), vanillaExtractPlugin()],
+  server: {
+    host: "0.0.0.0",
+  },
 });