@heycar/heycars-map 1.0.0-coordinate7 → 2.0.0-switchMap1

package/dist/v2/Demo/DemoBusinessTaxiService.js

@@ -9,14 +9,10 @@ const DemoBusinessTaxiService = defineComponent({
   name: "DemoBusinessTaxiService",
   setup() {
     const {
-      googleConnectionStatus,
-      setMap,
-      registerFitVeiw
+      mapContext
     } = useBusinessTaxiServiceMap();
     return {
-      googleConnectionStatus,
-      setMap,
-      registerFitVeiw
+      mapContext
     };
   },
   data() {
@@ -79,13 +75,11 @@ const DemoBusinessTaxiService = defineComponent({
   },
   render() {
     const {
-      setMap,
+      mapContext,
       getDriverPositionTrack,
-      registerFitVeiw,
       from,
       to,
-      status,
-      googleConnectionStatus
+      status
     } = this;
     const isReady = isCoordinatePoint(from) && isCoordinatePoint(to);
     if (!isReady)
@@ -95,7 +89,7 @@ const DemoBusinessTaxiService = defineComponent({
     } = this;
     return h("div", {
       "class": layout
-    }, [h("div", [googleConnectionStatus]), h(BusinessTaxiServiceMap, {
+    }, [h(BusinessTaxiServiceMap, {
       "class": adjustedDemo,
       "attrs": {
         "from": from,
@@ -114,14 +108,7 @@ const DemoBusinessTaxiService = defineComponent({
         }) => `距离终点*${distance / 1e3}*公里, 预计*${duration}*分钟`,
         "getDriverPositionTrack": getDriverPositionTrack,
         "interval": 5e3,
-        "mapRef": setMap,
-        "registerOverlay": registerFitVeiw
-      },
-      "on": {
-        "changeGoogleConnection": (status2) => (
-          // 根据目前的产品需求，连通性检测只会被检测一次。
-          console.log("谷歌连通性发生变化时触发，连通性状态是：", status2)
-        )
+        "mapContext": mapContext
       }
     }), h("div", {
       "style": {

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

@@ -1,13 +1,13 @@
-import type { GoogleConnectionOnChangeHandler } from "../../api/googleConnection";
 import { type HeycarMapProps } from "../../components/MapProvider";
-import type { MROP } from "../../hooks/useOverlay";
+import type { BusinessQuotingContext } from "../../hooks-business/useBusinessQuotingMap";
 import type { CoordinatifyProps } from "../../types/coordinatify";
 import type { CoordinatePlace } from "../../types/interface";
-export type BusinessQuotingMapProps = CoordinatifyProps<Omit<HeycarMapProps, "center" | "zoom">> & Required<MROP> & {
+export type BusinessQuotingMapProps = CoordinatifyProps<Omit<HeycarMapProps, "center" | "zoom" | "mapRef">> & {
     from: CoordinatePlace;
     to: CoordinatePlace;
     fromDescription: string;
     log?: boolean;
+    mapContext: CoordinatifyProps<BusinessQuotingContext>;
     renderDescription: (titleProps: {
         distance: number;
         duration: number;
@@ -15,6 +15,6 @@ export type BusinessQuotingMapProps = CoordinatifyProps<Omit<HeycarMapProps, "ce
     }) => string;
     onClickStartPoint?: (value: CoordinatePlace) => void;
     onClickEndPoint?: (value: CoordinatePlace) => void;
-    onChangeGoogleConnection?: GoogleConnectionOnChangeHandler;
 };
-export declare const BusinessQuotingMap: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<BusinessQuotingMapProps>, 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<BusinessQuotingMapProps, Required<BusinessQuotingMapProps>>, "resize" | "dragEnd" | "zoomEnd" | "changeGoogleConnection" | "clickStartPoint" | "clickEndPoint", BusinessQuotingMapProps>;
+export declare const BusinessQuotingMapInner: import("vue/types/v3-define-component").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessQuotingMapProps>, 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<BusinessQuotingMapProps, Required<BusinessQuotingMapProps>>, "resize" | "dragEnd" | "zoomEnd" | "clickStartPoint" | "clickEndPoint", BusinessQuotingMapProps>;
+export declare const BusinessQuotingMap: import("vue/types/v3-define-component").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessQuotingMapProps>, 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<BusinessQuotingMapProps, Required<BusinessQuotingMapProps>>, "resize" | "dragEnd" | "zoomEnd" | "clickStartPoint" | "clickEndPoint", BusinessQuotingMapProps>;

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

@@ -1,39 +1,51 @@
 import { h } from "vue";
 import { HeycarMap } from "../../components/MapProvider/MapProvider.js";
-import { useGoogleConnection } from "../../hooks/useGoogleConnection.js";
+import { createElement } from "../../demi-polyfill/demi-polyfill.js";
+import { useHeycarMap } from "../../hooks/useHeycarMap.js";
 import { useMapCoordinatify } from "../../hooks/useMapCoordinatify.js";
+import { useMapFitView } from "../../hooks/useMapFitView.js";
 import { useMapSupplier } from "../../hooks/useMapSupplier.js";
-import { defineLagecySetup } from "../../types/helper.js";
+import { defineSetup, defineLagecySetup } from "../../types/helper.js";
+import { generateCreateElementV2PropsOn } from "../../utils/compare.js";
 import { place2point, pipeDefer } from "../../utils/transform.js";
 import { toCoordinatePlaceType } from "../../utils/typeChecking.js";
 import { DrivingLine } from "../DrivingLine/DrivingLine.js";
 import { DrivingRoute } from "../DrivingRoute/DrivingRoute.js";
 import { FitViewOnce, createFittableRegisterOverlay } from "../FitView/FitView.js";
 import { StartEndPoint } from "../StartEndPoint/StartEndPoint.js";
-const BusinessQuotingMap = defineLagecySetup("BusinessQuotingMap", function(props, {
+const BUSINESS_QUOTING_FITVIEW_PANDING = [26, 26, 19, 26];
+const BusinessQuotingMapInner = defineSetup("BusinessQuotingMapInner", function(props, {
   emit,
   attrs
 }) {
   const {
-    registerOverlay,
-    mapRef,
+    mapContext,
     renderDescription
   } = props;
   const {
     language
   } = useMapSupplier();
+  const {
+    mapRef,
+    setMap
+  } = useHeycarMap();
   const {
     coordinatifyPlace,
     unCoordinatifyPlace
   } = useMapCoordinatify();
+  const {
+    registerFitVeiw: registerOverlay,
+    setFitView
+  } = useMapFitView({
+    mapRef,
+    padding: BUSINESS_QUOTING_FITVIEW_PANDING
+  });
+  mapContext.setFitView = () => setFitView(false);
   const fittableRegistryOverlay = createFittableRegisterOverlay({
     registerOverlay,
     immediate: true
   });
   const deferedSetFitView = pipeDefer(() => registerOverlay.setFitView(true));
-  useGoogleConnection({
-    onChange: (status) => emit("changeGoogleConnection", status)
-  });
   return () => {
     const {
       from: inputFromPlace,
@@ -48,7 +60,7 @@ const BusinessQuotingMap = defineLagecySetup("BusinessQuotingMap", function(prop
       "class": attrs.class,
       "style": attrs.style,
       "attrs": {
-        "mapRef": mapRef,
+        "mapRef": setMap,
         "center": from,
         "zoom": 13
       },
@@ -106,7 +118,26 @@ const BusinessQuotingMap = defineLagecySetup("BusinessQuotingMap", function(prop
       }
     })]);
   };
-}).props(["fallback", "from", "loading", "mapRef", "registerOverlay", "renderDescription", "to", "fromDescription", "log"]);
+});
+const BusinessQuotingMap = defineLagecySetup("BusinessQuotingMap", function(props, {
+  attrs,
+  emit
+}) {
+  const payload = useMapSupplier();
+  const instanceNo = Date.now();
+  return () => createElement(BusinessQuotingMapInner, {
+    ...attrs.class ? {
+      class: attrs.class
+    } : {},
+    ...attrs.style ? {
+      style: attrs.style
+    } : {},
+    attrs: props,
+    key: `${payload.supplier}${instanceNo}`,
+    on: generateCreateElementV2PropsOn(props, emit, ["clickStartPoint", "clickEndPoint"])
+  });
+}).props(["fallback", "from", "loading", "mapContext", "renderDescription", "to", "fromDescription", "log"]);
 export {
-  BusinessQuotingMap
+  BusinessQuotingMap,
+  BusinessQuotingMapInner
 };

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

@@ -1,4 +1,5 @@
-import { BusinessQuotingMap } from "./BusinessQuotingMap.js";
+import { BusinessQuotingMap, BusinessQuotingMapInner } from "./BusinessQuotingMap.js";
 export {
-  BusinessQuotingMap
+  BusinessQuotingMap,
+  BusinessQuotingMapInner
 };

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

@@ -1,4 +1,3 @@
-import type { GoogleConnectionOnChangeHandler } from "../../api/googleConnection";
 import { type HeycarMapProps } from "../../components/MapProvider";
 import type { BusinessRecomendPlaceContext } from "../../hooks-business/useBusinessRecomendPlaceMap";
 import { type UseGeoLocationProps } from "../../hooks/useGeoLocation";
@@ -45,6 +44,6 @@ export interface BusinessRecomendPlaceMapProps extends CoordinatifyProps<Omit<He
     onGeoErrorOnce?: (isBusinessTimeout: boolean) => void;
     onClickLocatorText?: AbsoluteAddressBoxProps["onClickText"];
     onClickLocatorPhoto?: AbsoluteAddressBoxProps["onClickPhoto"];
-    onChangeGoogleConnection?: GoogleConnectionOnChangeHandler;
 }
-export declare const BusinessRecomendPlaceMap: import("vue-demi").DefineComponent<import("vue3").ComponentObjectPropsOptions<BusinessRecomendPlaceMapProps>, 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<BusinessRecomendPlaceMapProps, Required<BusinessRecomendPlaceMapProps>>, "resize" | "dragEnd" | "zoomEnd" | "changeGoogleConnection" | "changePlace" | "loadGeoLocation" | "loadDefaultGeoLocation" | "changeByDrag" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", BusinessRecomendPlaceMapProps>;
+export declare const BusinessRecomendPlaceMapInner: import("vue-demi").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessRecomendPlaceMapProps>, 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<BusinessRecomendPlaceMapProps, Required<BusinessRecomendPlaceMapProps>>, "resize" | "dragEnd" | "zoomEnd" | "geoError" | "changePlace" | "loadGeoLocation" | "loadDefaultGeoLocation" | "changeByDrag" | "changeGeoLocation" | "changeRecomandPlace" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", BusinessRecomendPlaceMapProps>;
+export declare const BusinessRecomendPlaceMap: import("vue-demi").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessRecomendPlaceMapProps>, 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<BusinessRecomendPlaceMapProps, Required<BusinessRecomendPlaceMapProps>>, "resize" | "dragEnd" | "zoomEnd" | "geoError" | "changePlace" | "loadGeoLocation" | "loadDefaultGeoLocation" | "changeByDrag" | "changeGeoLocation" | "changeRecomandPlace" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", BusinessRecomendPlaceMapProps>;

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

@@ -3,11 +3,12 @@ import "vue-demi";
 import "../../api/browser.js";
 import "../../api/memory.js";
 import "../../components/MapProvider/MapProvider.js";
+import "../../demi-polyfill/demi-polyfill.js";
 import "../../hooks/useGeoLocation.js";
-import "../../hooks/useGoogleConnection.js";
 import "../../hooks/useHeycarMap.js";
 import "../../hooks/useMapCoordinatify.js";
 import "../../hooks/useMapDrag.js";
+import "../../hooks/useMapGeometry.js";
 import "../../hooks/useMapRecomendPlace.js";
 import "../../hooks/useMapSupplier.js";
 import "../../hooks/useMapZoom.js";
@@ -24,9 +25,10 @@ import "../GreenZone/GreenZone.js";
 import "../PassengerCircle/PassengerCircle.js";
 import "../PickupPoints/PickupPoints.js";
 import "./useCacheCenterPlace.js";
-import { B, D, E, a, c, R, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.87ea3b2f.js";
+import { B, f, D, E, a, c, R, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.5be4fdcf.js";
 export {
   B as BusinessRecomendPlaceMap,
+  f as BusinessRecomendPlaceMapInner,
   D as DEFAULT_ZOOM,
   E as EMPTY_PLACE,
   a as RECOMMEND_PLACE_DRAG_LIMIT,

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

@@ -1,6 +1,7 @@
-import { B, D, E, a, c, R, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.87ea3b2f.js";
+import { B, f, D, E, a, c, R, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.5be4fdcf.js";
 export {
   B as BusinessRecomendPlaceMap,
+  f as BusinessRecomendPlaceMapInner,
   D as DEFAULT_ZOOM,
   E as EMPTY_PLACE,
   a as RECOMMEND_PLACE_DRAG_LIMIT,

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

@@ -1,6 +1,7 @@
 import { type CoordinatePlace } from "../../types/interface";
 import { type BusinessRecomendPlaceMapProps } from "../BusinessRecomendPlaceMap";
-export interface BusinessReselectPlaceMapProps extends Pick<BusinessRecomendPlaceMapProps, "geoErrorOnceNotificationKey" | "loading" | "fallback" | "log" | "getAvailable" | "getRecomendPlace" | "unavailableTitle" | "emptyTitle" | "queryingTitle" | "recomendDescription" | "disableLocator" | "disableLocatorPhoto" | "mapContext" | "renderPlacePhoto" | "renderPlaceTag" | "onChangeGeoLocation" | "onChangePlace" | "onChangeRecomandPlace" | "onGeoError" | "onGeoErrorOnce" | "onClickLocatorText" | "onClickLocatorPhoto" | "onChangeGoogleConnection"> {
+export interface BusinessReselectPlaceMapProps extends Pick<BusinessRecomendPlaceMapProps, "geoErrorOnceNotificationKey" | "loading" | "fallback" | "log" | "getAvailable" | "getRecomendPlace" | "unavailableTitle" | "emptyTitle" | "queryingTitle" | "recomendDescription" | "disableLocator" | "disableLocatorPhoto" | "mapContext" | "renderPlacePhoto" | "renderPlaceTag" | "onChangeGeoLocation" | "onChangePlace" | "onChangeRecomandPlace" | "onGeoError" | "onGeoErrorOnce" | "onClickLocatorText" | "onClickLocatorPhoto"> {
     defaultPlace?: CoordinatePlace;
 }
-export declare const BusinessReselectPlaceMap: import("vue-demi").DefineComponent<import("vue3").ComponentObjectPropsOptions<BusinessReselectPlaceMapProps>, 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<BusinessReselectPlaceMapProps, Required<BusinessReselectPlaceMapProps>>, "changeGoogleConnection" | "changePlace" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", BusinessReselectPlaceMapProps>;
+export declare const BusinessReselectPlaceMapInner: import("vue-demi").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessReselectPlaceMapProps>, 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<BusinessReselectPlaceMapProps, Required<BusinessReselectPlaceMapProps>>, "geoError" | "changePlace" | "changeGeoLocation" | "changeRecomandPlace" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", BusinessReselectPlaceMapProps>;
+export declare const BusinessReselectPlaceMap: import("vue-demi").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessReselectPlaceMapProps>, 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<BusinessReselectPlaceMapProps, Required<BusinessReselectPlaceMapProps>>, "geoError" | "changePlace" | "changeGeoLocation" | "changeRecomandPlace" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", BusinessReselectPlaceMapProps>;

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

@@ -1,28 +1,30 @@
 import { h } from "vue";
-import { reactive, watchEffect } from "vue-demi";
+import { reactive, watch, watchEffect } from "vue-demi";
 import { apiMemoryShouldSkipByKey } from "../../api/memory.js";
 import { HeycarMap } from "../../components/MapProvider/MapProvider.js";
+import { createElement } from "../../demi-polyfill/demi-polyfill.js";
 import { useGeoLocation } from "../../hooks/useGeoLocation.js";
-import { useGoogleConnection } from "../../hooks/useGoogleConnection.js";
 import { useHeycarMap } from "../../hooks/useHeycarMap.js";
 import { useMapCoordinatify } from "../../hooks/useMapCoordinatify.js";
 import { useMapDrag } from "../../hooks/useMapDrag.js";
+import { useMapGeometry } from "../../hooks/useMapGeometry.js";
 import { useMapRecomendPlace } from "../../hooks/useMapRecomendPlace.js";
+import { useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { useMapZoom } from "../../hooks/useMapZoom.js";
-import { defineLagecySetup } from "../../types/helper.js";
+import { defineSetup, defineLagecySetup } from "../../types/helper.js";
 import { CenterPlaceStatus } from "../../types/interface.js";
-import { watchPostEffectOnce } from "../../utils/compare.js";
+import { watchPostEffectOnce, generateCreateElementV2PropsOn } from "../../utils/compare.js";
 import { equalAssign, isPlacesInclude } from "../../utils/helper.js";
 import { detectBrowserPlatform } from "../../utils/platform.js";
 import { place2point, isPlaceEqual, pipeOnlyLastEffect, isZoneEqual, geoPositionError2businessTimeout } from "../../utils/transform.js";
-import { toCoordinatePlaceType, toCoordinateRecommendZonePlacesType } from "../../utils/typeChecking.js";
+import { toCoordinatePlaceType, toCoordinatePointType, toCoordinateRecommendZonePlacesType } from "../../utils/typeChecking.js";
 import { AbsoluteAddressBox } from "../AbsoluteAddressBox/AbsoluteAddressBox.js";
-import { E as EMPTY_PLACE, m as memoize, R as RECOMMEND_PLACE_LARGE_LIMIT, a as RECOMMEND_PLACE_DRAG_LIMIT, Z as ZONE_ZOOM, b as RECOMMEND_PLACE_ZONE_ICON_MIN, c as RECOMMEND_PLACE_ICON_ZOOM_MIN, d as RECOMMEND_PLACE_ZONE_TEXT_MIN, e as RECOMMEND_PLACE_TEXT_ZOOM_MIN, D as DEFAULT_ZOOM } from "../../chunks/BusinessRecomendPlaceMap.87ea3b2f.js";
+import { E as EMPTY_PLACE, m as memoize, R as RECOMMEND_PLACE_LARGE_LIMIT, a as RECOMMEND_PLACE_DRAG_LIMIT, Z as ZONE_ZOOM, b as RECOMMEND_PLACE_ZONE_ICON_MIN, c as RECOMMEND_PLACE_ICON_ZOOM_MIN, d as RECOMMEND_PLACE_ZONE_TEXT_MIN, e as RECOMMEND_PLACE_TEXT_ZOOM_MIN, D as DEFAULT_ZOOM } from "../../chunks/BusinessRecomendPlaceMap.5be4fdcf.js";
 import { DeviceOrientation } from "../DeviceOrientation/DeviceOrientation.js";
 import { GreenZone } from "../GreenZone/GreenZone.js";
 import { PassengerCircle } from "../PassengerCircle/PassengerCircle.js";
 import { PickupPoints } from "../PickupPoints/PickupPoints.js";
-const BusinessReselectPlaceMap = defineLagecySetup("BusinessReselectPlaceMap", function(props, {
+const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner", function(props, {
   emit,
   slots,
   attrs
@@ -41,6 +43,7 @@ const BusinessReselectPlaceMap = defineLagecySetup("BusinessReselectPlaceMap", f
   } = props;
   const {
     coordinatifyPoint,
+    unCoordinatifyPoint,
     coordinatifyPlace,
     unCoordinatifyPlace,
     unCoordinatifyRecommendZonePlaces,
@@ -49,6 +52,9 @@ const BusinessReselectPlaceMap = defineLagecySetup("BusinessReselectPlaceMap", f
   } = useMapCoordinatify();
   const pipedGetAvailable = getAvailable && pipeOnlyLastEffect((p) => getAvailable(coordinatifyPlace(p)));
   const pipedGetRecomendPlace = pipeOnlyLastEffect((p) => getRecomendPlace(coordinatifyPlace(p)).then((r) => r && unCoordinatifyRecommendZonePlaces(toCoordinateRecommendZonePlacesType(r))));
+  const {
+    apiMapDistance
+  } = useMapGeometry();
   const {
     mapRef,
     mapElementRef,
@@ -142,9 +148,9 @@ const BusinessReselectPlaceMap = defineLagecySetup("BusinessReselectPlaceMap", f
       emitGeoErrorOnce(error);
     }
   });
-  useGoogleConnection({
-    onChange: (status) => emit("changeGoogleConnection", status)
-  });
+  mapContext.apiMapDistance = (from, to) => {
+    return apiMapDistance(unCoordinatifyPoint(toCoordinatePointType(from)), unCoordinatifyPoint(toCoordinatePointType(to)));
+  };
   mapContext.setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
   mapContext.setCenterPlaceByUserSpecifiedInZone = setCenterPlaceByUserSpecifiedInZone;
   mapContext.panToGeoPositionByRecomend = () => {
@@ -219,13 +225,13 @@ const BusinessReselectPlaceMap = defineLagecySetup("BusinessReselectPlaceMap", f
     }
   });
   watchPostEffectOnce(() => updateRecommendPlaceOnlyInZone(defaultPlace));
-  watchEffect(() => {
-    mapContext.onChangeCenterPlace(coordinatifyPlace({
-      ...centerPlace
+  watch(centerPlace, (place) => {
+    equalAssign(mapContext.centerPlace, coordinatifyPlace({
+      ...place
     }));
-  });
-  watchEffect(() => {
-    mapContext.onChangeRecomendPlaces(placeCandidates.value.map(coordinatifyPlace));
+  }, {
+    deep: true,
+    flush: "post"
   });
   watchEffect(() => {
     mapContext.centerPlaceStatusRef.value = isQueryingRef.value ? CenterPlaceStatus.QUERYING_INFO : !availableRef.value ? CenterPlaceStatus.SERVICE_UNAVAILABLE : CenterPlaceStatus.OK;
@@ -292,7 +298,28 @@ const BusinessReselectPlaceMap = defineLagecySetup("BusinessReselectPlaceMap", f
       }
     })]);
   };
+});
+const BusinessReselectPlaceMap = defineLagecySetup("BusinessReselectPlaceMap", function(props, {
+  slots,
+  attrs,
+  emit
+}) {
+  const payload = useMapSupplier();
+  const instanceNo = Date.now();
+  return () => createElement(BusinessReselectPlaceMapInner, {
+    ...attrs.class ? {
+      class: attrs.class
+    } : {},
+    ...attrs.style ? {
+      style: attrs.style
+    } : {},
+    attrs: props,
+    scopedSlots: slots,
+    key: `${payload.supplier}${instanceNo}`,
+    on: generateCreateElementV2PropsOn(props, emit, ["changeGeoLocation", "changePlace", "changeRecomandPlace", "geoError", "geoErrorOnce", "clickLocatorText", "clickLocatorPhoto"])
+  });
 }).props(["loading", "fallback", "log", "defaultPlace", "unavailableTitle", "emptyTitle", "queryingTitle", "recomendDescription", "geoErrorOnceNotificationKey", "disableLocator", "getAvailable", "getRecomendPlace", "renderPlacePhoto", "renderPlaceTag", "mapContext"]);
 export {
-  BusinessReselectPlaceMap
+  BusinessReselectPlaceMap,
+  BusinessReselectPlaceMapInner
 };

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

@@ -1,4 +1,5 @@
-import { BusinessReselectPlaceMap } from "./BusinessReselectPlaceMap.js";
+import { BusinessReselectPlaceMap, BusinessReselectPlaceMapInner } from "./BusinessReselectPlaceMap.js";
 export {
-  BusinessReselectPlaceMap
+  BusinessReselectPlaceMap,
+  BusinessReselectPlaceMapInner
 };

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

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

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

@@ -1,17 +1,17 @@
 import { h } from "vue";
 import { BEIJIN_POINT } from "../../api/contants.js";
 import { HeycarMap } from "../../components/MapProvider/MapProvider.js";
-import { useGoogleConnection } from "../../hooks/useGoogleConnection.js";
+import { createElement } from "../../demi-polyfill/demi-polyfill.js";
 import { useHeycarMap } from "../../hooks/useHeycarMap.js";
 import { useMapCoordinatify } from "../../hooks/useMapCoordinatify.js";
 import { useMapFitView } from "../../hooks/useMapFitView.js";
+import { useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineSetup } from "../../types/helper.js";
 import { place2point, pipeDefer } from "../../utils/transform.js";
 import { isCoordinatePoint, toCoordinatePlaceType } from "../../utils/typeChecking.js";
 import { SectionEndService } from "../BusinessTaxiServiceMap/BusinessTaxiServiceSection.js";
-const BusinessTaxiEndMap = defineSetup("BusinessTaxiEndMap", function(props, {
-  attrs,
-  emit
+const BusinessTaxiEndMapInner = defineSetup("BusinessTaxiEndMapInner", function(props, {
+  attrs
 }) {
   const {
     mapRef,
@@ -28,9 +28,6 @@ const BusinessTaxiEndMap = defineSetup("BusinessTaxiEndMap", function(props, {
     padding: [19, 36, 19, 26]
   });
   const deferedSetFitView = pipeDefer(() => registerFitVeiw.setFitView(true));
-  useGoogleConnection({
-    onChange: (status) => emit("changeGoogleConnection", status)
-  });
   return () => {
     const {
       from: inputFrom,
@@ -61,6 +58,23 @@ const BusinessTaxiEndMap = defineSetup("BusinessTaxiEndMap", function(props, {
     })]);
   };
 });
+const BusinessTaxiEndMap = defineSetup("BusinessTaxiEndMap", function(props, {
+  attrs
+}) {
+  const payload = useMapSupplier();
+  const instanceNo = Date.now();
+  return () => createElement(BusinessTaxiEndMapInner, {
+    ...attrs.class ? {
+      class: attrs.class
+    } : {},
+    ...attrs.style ? {
+      style: attrs.style
+    } : {},
+    attrs: props,
+    key: `${payload.supplier}${instanceNo}`
+  });
+});
 export {
-  BusinessTaxiEndMap
+  BusinessTaxiEndMap,
+  BusinessTaxiEndMapInner
 };

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

@@ -1,4 +1,5 @@
-import { BusinessTaxiEndMap } from "./BusinessTaxiEndMap.js";
+import { BusinessTaxiEndMap, BusinessTaxiEndMapInner } from "./BusinessTaxiEndMap.js";
 export {
-  BusinessTaxiEndMap
+  BusinessTaxiEndMap,
+  BusinessTaxiEndMapInner
 };

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

@@ -1,9 +1,8 @@
-import type { GoogleConnectionOnChangeHandler } from "../../api/googleConnection";
 import { type HeycarMapProps } from "../../components/MapProvider";
-import type { MROP } from "../../hooks/useOverlay";
+import type { BusinessTaxiServiceContext } from "../../hooks-business/useBusinessTaxiServiceMap";
 import type { CoordinatifyProps } from "../../types/coordinatify";
 import type { CoordinatePlace, CoordinateTrackPoint, DriverStatus } from "../../types/interface";
-export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps, "center" | "zoom">> & Required<MROP> & {
+export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps, "center" | "zoom" | "mapRef">> & {
     from: CoordinatePlace;
     to: CoordinatePlace;
     log?: boolean;
@@ -14,6 +13,7 @@ export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps,
     interval: number;
     disablePassenger?: boolean;
     googleSnapRoadProxyUrl?: string;
+    mapContext: CoordinatifyProps<BusinessTaxiServiceContext>;
     renderStartSerivceTitle: (titleProps: {
         distance: number;
         duration: number;
@@ -23,6 +23,6 @@ export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps,
         duration: number;
     }) => string;
     getDriverPositionTrack?: () => Promise<CoordinateTrackPoint[]>;
-    onChangeGoogleConnection?: GoogleConnectionOnChangeHandler;
 };
-export declare const BusinessTaxiServiceMap: import("vue-demi").DefineComponent<import("vue3").ComponentObjectPropsOptions<BusinessTaxiServiceMapProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<BusinessTaxiServiceMapProps, Required<BusinessTaxiServiceMapProps>>, "resize" | "dragEnd" | "zoomEnd" | "changeGoogleConnection", BusinessTaxiServiceMapProps>;
+export declare const BusinessTaxiServiceMapInner: import("vue-demi").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessTaxiServiceMapProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<BusinessTaxiServiceMapProps, Required<BusinessTaxiServiceMapProps>>, "resize" | "dragEnd" | "zoomEnd", BusinessTaxiServiceMapProps>;
+export declare const BusinessTaxiServiceMap: import("vue-demi").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessTaxiServiceMapProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<BusinessTaxiServiceMapProps, Required<BusinessTaxiServiceMapProps>>, "resize" | "dragEnd" | "zoomEnd", BusinessTaxiServiceMapProps>;

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

@@ -3,42 +3,52 @@ import { ref, watch } from "vue-demi";
 import { apiGetAuxiliaryGrapStatus } from "../../api/browser.js";
 import { setGlobalGoogleSnapRoadProxyUrl } from "../../api/googleSnapRoad.js";
 import { HeycarMap } from "../../components/MapProvider/MapProvider.js";
+import { createElement } from "../../demi-polyfill/demi-polyfill.js";
 import { useGeoLocation } from "../../hooks/useGeoLocation.js";
-import { useGoogleConnection } from "../../hooks/useGoogleConnection.js";
 import { useHeycarMap } from "../../hooks/useHeycarMap.js";
 import { useMapCoordinatify } from "../../hooks/useMapCoordinatify.js";
-import { defineLagecySetup } from "../../types/helper.js";
+import { useMapFitView } from "../../hooks/useMapFitView.js";
+import { useMapSupplier } from "../../hooks/useMapSupplier.js";
+import { defineSetup, defineLagecySetup } from "../../types/helper.js";
 import { assertNotEmptyArray } from "../../utils/helper.js";
-import { place2point, combineHandler, pipeDefer, lnglat2point } from "../../utils/transform.js";
+import { place2point, pipeDefer, lnglat2point } from "../../utils/transform.js";
 import { toCoordinatePlaceType, toCoordinateTrackPoint } from "../../utils/typeChecking.js";
 import { AuxiliaryGraspRoad } from "../AuxiliaryGraspRoad/AuxiliaryGraspRoad.js";
 import { DeviceOrientation } from "../DeviceOrientation/DeviceOrientation.js";
 import { SectionDispatching, SectionConfirmed, SectionDriverStartService, SectionBookDispatched, SectionInService, SectionDriverArrived, SectionCanceled, SectionEndService } from "./BusinessTaxiServiceSection.js";
 const STATUS_NEED_CAR_POSITION = ["book-driverStartService", "dispatched", "driverStartService", "inService", "driverArrived"];
+const BUSINESS_TAXI_SERVICE_FITVIEW_PANDING = [19, 36, 19, 26];
 const IS_ENABLE_AUXILIARY_GRASP_ROAD = apiGetAuxiliaryGrapStatus();
-const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", function(props, {
-  attrs,
-  emit
+const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", function(props, {
+  attrs
 }) {
   const {
     interval,
     disablePassenger,
-    registerOverlay,
-    mapRef: outerSetMap,
+    mapContext,
     getDriverPositionTrack,
     renderStartSerivceTitle,
     renderInServiceTitle
   } = props;
   setGlobalGoogleSnapRoadProxyUrl(props.googleSnapRoadProxyUrl);
+  const {
+    mapRef,
+    setMap,
+    mapElementRef
+  } = useHeycarMap();
   const {
     unCoordinatifyPlace,
     unCoordinatifyTrackPoint
   } = useMapCoordinatify();
-  const deferedSetFitView = pipeDefer(() => registerOverlay.setFitView(true));
   const {
-    setMap,
-    mapElementRef
-  } = useHeycarMap();
+    registerFitVeiw: registerOverlay,
+    setFitView
+  } = useMapFitView({
+    mapRef,
+    padding: BUSINESS_TAXI_SERVICE_FITVIEW_PANDING
+  });
+  mapContext.setFitView = () => setFitView(false);
+  const deferedSetFitView = pipeDefer(() => registerOverlay.setFitView(true));
   const {
     geoLoading,
     geoPosition,
@@ -49,9 +59,6 @@ const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", funct
   const carPositionRef = ref();
   const carAngleRef = ref();
   const carTrackPositionsRef = ref([]);
-  useGoogleConnection({
-    onChange: (status) => emit("changeGoogleConnection", status)
-  });
   watch(() => props.driverStatus, (status, _, onCleanup) => {
     if (!STATUS_NEED_CAR_POSITION.includes(status))
       return;
@@ -94,7 +101,7 @@ const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", funct
       "attrs": {
         "center": place2point(from),
         "zoom": 13,
-        "mapRef": combineHandler(outerSetMap, setMap),
+        "mapRef": setMap,
         "touchEnable": touchEnable
       },
       "on": {
@@ -212,7 +219,24 @@ const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", funct
       }
     })]);
   };
-}).props(["bookDispatchingTitle", "dispatchingTitle", "driverArrivedTitle", "driverStatus", "googleSnapRoadProxyUrl", "fallback", "from", "getDriverPositionTrack", "interval", "disablePassenger", "loading", "mapRef", "renderInServiceTitle", "renderStartSerivceTitle", "to", "registerOverlay"]);
+});
+const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", function(props, {
+  attrs
+}) {
+  const payload = useMapSupplier();
+  const instanceNo = Date.now();
+  return () => createElement(BusinessTaxiServiceMapInner, {
+    ...attrs.class ? {
+      class: attrs.class
+    } : {},
+    ...attrs.style ? {
+      style: attrs.style
+    } : {},
+    attrs: props,
+    key: `${payload.supplier}${instanceNo}`
+  });
+}).props(["bookDispatchingTitle", "dispatchingTitle", "driverArrivedTitle", "driverStatus", "googleSnapRoadProxyUrl", "fallback", "from", "getDriverPositionTrack", "interval", "disablePassenger", "loading", "mapContext", "renderInServiceTitle", "renderStartSerivceTitle", "to"]);
 export {
-  BusinessTaxiServiceMap
+  BusinessTaxiServiceMap,
+  BusinessTaxiServiceMapInner
 };

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

@@ -1,4 +1,5 @@
-import { BusinessTaxiServiceMap } from "./BusinessTaxiServiceMap.js";
+import { BusinessTaxiServiceMap, BusinessTaxiServiceMapInner } from "./BusinessTaxiServiceMap.js";
 export {
-  BusinessTaxiServiceMap
+  BusinessTaxiServiceMap,
+  BusinessTaxiServiceMapInner
 };