@heycar/heycars-map 1.0.0-coordinate2 → 1.0.0-coordinate3

package/README.md

@@ -92,6 +92,8 @@ export enum CenterPlaceStatus {
   SERVICE_UNAVAILABLE = "SERVICE_UNAVAILABLE",
   OK = "OK",
 }
+
+export type GoogleConnectionStatus = "pending" | "connected" | "unconnected";
 ```
 
 #### 在 入口文件添加 `MapProvider`
@@ -158,6 +160,7 @@ export default defineComponent({
   setup() {
     const {
       centerPlace,
+      googleConnectionStatus,
       mapContext,
       setCenterPlaceByUserSpecified,
       setCenterPlaceByUserSpecifiedInZone,
@@ -263,6 +266,10 @@ export default defineComponent({
             isBusinessTimeout ? "给用户超时提示" : "给用户无权限反馈",
           );
         }}
+        onChangeGoogleConnection={(status) =>
+          // 根据目前的产品需求，连通性检测只会被检测一次。
+          console.log("谷歌连通性发生变化时触发，连通性状态是：", status)
+        }
       />
     );
   },
@@ -281,6 +288,7 @@ export default defineComponent({
   setup() {
     const {
       centerPlace,
+      googleConnectionStatus,
       mapContext,
       setCenterPlaceByUserSpecified,
       setCenterPlaceByUserSpecifiedInZone,
@@ -411,6 +419,10 @@ export default defineComponent({
             isBusinessTimeout ? "给用户超时提示" : "给用户无权限反馈",
           );
         }}
+        onChangeGoogleConnection={(status) =>
+          // 根据目前的产品需求，连通性检测只会被检测一次。
+          console.log("谷歌连通性发生变化时触发，连通性状态是：", status)
+        }
       />
     );
   },
@@ -427,7 +439,7 @@ import { BusinessQuotingMap, useBusinessQuotingMap } from "@heycar/heycars-map";
 
 export default defineComponent({
   setup() {
-    const { setMap, registerFitVeiw } = useBusinessQuotingMap();
+    const { googleConnectionStatus, setMap, registerFitVeiw } = useBusinessQuotingMap();
     return () => (
       <BusinessQuotingMap
         class={"demo"}
@@ -453,6 +465,10 @@ export default defineComponent({
         registerOverlay={registerFitVeiw}
         onClickStartPoint={(place) => console.log("点击起点时触发 palce = ", place)}
         onClickEndPoint={(place) => console.log("点击终点时触发 palce = ", place)}
+        onChangeGoogleConnection={(status) =>
+          // 根据目前的产品需求，连通性检测只会被检测一次。
+          console.log("谷歌连通性发生变化时触发，连通性状态是：", status)
+        }
       />
     );
   },
@@ -469,7 +485,7 @@ import { BusinessTaxiServiceMap, useBusinessTaxiServiceMap } from "@heycar/heyca
 
 export default defineComponent({
   setup() {
-    const { setMap, registerFitVeiw } = useBusinessTaxiServiceMap();
+    const { googleConnectionStatus, setMap, registerFitVeiw } = useBusinessTaxiServiceMap();
     return () => (
       <BusinessTaxiServiceMap
         class={css.adjustedDemo}
@@ -508,6 +524,10 @@ export default defineComponent({
         interval={5000}
         mapRef={setMap}
         registerOverlay={registerFitVeiw}
+        onChangeGoogleConnection={(status) =>
+          // 根据目前的产品需求，连通性检测只会被检测一次。
+          console.log("谷歌连通性发生变化时触发，连通性状态是：", status)
+        }
       />
     );
   },
@@ -524,6 +544,7 @@ import { BusinessTaxiEndMap } from "@heycar/heycars-map";
 
 export default defineComponent({
   setup() {
+    const { googleConnectionStatus } = useBusinessTaxiEndMap();
     return () => (
       <BusinessTaxiEndMap
         class={"demo"}
@@ -541,6 +562,10 @@ export default defineComponent({
           displayName: "长城美华 Coffee Shop (CCMW)",
           type: "wgs84",
         }}
+        onChangeGoogleConnection={(status) =>
+          // 根据目前的产品需求，连通性检测只会被检测一次。
+          console.log("谷歌连通性发生变化时触发，连通性状态是：", status)
+        }
       />
     );
   },

package/dist/index.d.ts

@@ -1 +1 @@
-export * from "./v3"
+export * from "./v2"

package/dist/index.js

@@ -1 +1 @@
-export * from "./v3"
+export * from "./v2"

package/dist/v2/App.js

@@ -1,6 +1,6 @@
 import { h } from "vue";
 import { defineComponent } from "vue-demi";
-import { DemoBusinessQuoting } from "./Demo/DemoBusinessQuoting.js";
+import { DemoBusinessTaxiEnd } from "./Demo/DemoBusinessTaxiEnd.js";
 import { MapProvider } from "./components/MapProvider/MapProvider.js";
 const gmapApiKey = "AIzaSyCRtkaNSWMOhOXDOUpJK4OVbm5RIstYj-I";
 const gmapId = "d0af0c05331af64a";
@@ -19,7 +19,7 @@ const App = defineComponent({
         "language": "en",
         "supplier": "amap"
       }
-    }, [h(DemoBusinessQuoting)]);
+    }, [h(DemoBusinessTaxiEnd)]);
   }
 });
 export {

package/dist/v2/Demo/DemoBusinessQuoting.js

@@ -5,10 +5,11 @@ import { defineSetup } from "../types/helper.js";
 import { d as demo } from "../chunks/Demo.css.e921a2f6.js";
 const DemoBusinessQuoting = defineSetup("DemoBusinessQuoting", function() {
   const {
+    googleConnectionStatus,
     setMap,
     registerFitVeiw
   } = useBusinessQuotingMap();
-  return () => h(BusinessQuotingMap, {
+  return () => h("div", [h("div", [googleConnectionStatus.value]), h(BusinessQuotingMap, {
     "class": demo,
     "attrs": {
       "from": {
@@ -36,9 +37,13 @@ const DemoBusinessQuoting = defineSetup("DemoBusinessQuoting", function() {
     },
     "on": {
       "clickStartPoint": (place) => console.log("点击起点时触发 palce = ", place),
-      "clickEndPoint": (place) => console.log("点击终点时触发 palce = ", place)
+      "clickEndPoint": (place) => console.log("点击终点时触发 palce = ", place),
+      "changeGoogleConnection": (status) => (
+        // 根据目前的产品需求，连通性检测只会被检测一次。
+        console.log("谷歌连通性发生变化时触发，连通性状态是：", status)
+      )
     }
-  });
+  })]);
 });
 export {
   DemoBusinessQuoting

package/dist/v2/Demo/DemoBusinessRecomendPlace.js

@@ -53,6 +53,7 @@ const DemoBusinessRecomendPlace = defineSetup("DemoBusinessRecomendPlace", funct
     centerPlace,
     mapContext,
     geoPosition,
+    googleConnectionStatus,
     setCenterPlaceByUserSpecified,
     setCenterPlaceByUserSpecifiedInZone
   } = useBusinessRecomendPlaceMap();
@@ -104,7 +105,7 @@ const DemoBusinessRecomendPlace = defineSetup("DemoBusinessRecomendPlace", funct
     }
   });
   return () => {
-    return h("div", [h("div", [JSON.stringify(centerPlace)]), h("div", [JSON.stringify(geoPosition.value)]), h(BusinessRecomendPlaceMap, {
+    return h("div", [h("div", [googleConnectionStatus.value]), h("div", [JSON.stringify(centerPlace)]), h("div", [JSON.stringify(geoPosition.value)]), h(BusinessRecomendPlaceMap, {
       "class": demo,
       "attrs": {
         "geoLoadingTitle": "正在获取您当前的位置",
@@ -149,7 +150,11 @@ const DemoBusinessRecomendPlace = defineSetup("DemoBusinessRecomendPlace", funct
         },
         "geoErrorOnce": (isBusinessTimeout) => {
           console.log("获取GPS失败时触发, 只触发一次, ", isBusinessTimeout ? "给用户超时提示" : "给用户无权限反馈");
-        }
+        },
+        "changeGoogleConnection": (status) => (
+          // 根据目前的产品需求，连通性检测只会被检测一次。
+          console.log("谷歌连通性发生变化时触发，连通性状态是：", status)
+        )
       }
     })]);
   };

package/dist/v2/Demo/DemoBusinessReselectPlace.js

@@ -52,6 +52,7 @@ const DemoBusinessReselectPlace = defineSetup("DemoBusinessReselectPlace", funct
   const {
     centerPlace,
     mapContext,
+    googleConnectionStatus,
     setCenterPlaceByUserSpecified,
     setCenterPlaceByUserSpecifiedInZone
   } = useBusinessRecomendPlaceMap();
@@ -109,7 +110,7 @@ const DemoBusinessReselectPlace = defineSetup("DemoBusinessReselectPlace", funct
     }
   });
   return () => {
-    return h("div", [h("div", [JSON.stringify(centerPlace)]), h(BusinessReselectPlaceMap, {
+    return h("div", [h("div", [googleConnectionStatus.value]), h("div", [JSON.stringify(centerPlace)]), h(BusinessReselectPlaceMap, {
       "class": demo,
       "attrs": {
         "unavailableTitle": "当前区域暂未开通服务",
@@ -150,7 +151,11 @@ const DemoBusinessReselectPlace = defineSetup("DemoBusinessReselectPlace", funct
         },
         "geoErrorOnce": (isBusinessTimeout) => {
           console.log("获取GPS失败时触发, 只触发一次, ", isBusinessTimeout ? "给用户超时提示" : "给用户无权限反馈");
-        }
+        },
+        "changeGoogleConnection": (status) => (
+          // 根据目前的产品需求，连通性检测只会被检测一次。
+          console.log("谷歌连通性发生变化时触发，连通性状态是：", status)
+        )
       }
     })]);
   };

package/dist/v2/Demo/DemoBusinessTaxiEnd.d.ts

@@ -1,5 +1,7 @@
 import { type CoordinatePlace } from "../types/interface";
-export declare const DemoBusinessTaxiEnd: import("vue-demi").DefineComponent<{}, unknown, {
+export declare const DemoBusinessTaxiEnd: import("vue-demi").DefineComponent<{}, {
+    googleConnectionStatus: Readonly<import("vue-demi").Ref<import("../types/interface").GoogleConnectionStatus>>;
+}, {
     from: CoordinatePlace;
     to: CoordinatePlace;
     contentHeight: number;

package/dist/v2/Demo/DemoBusinessTaxiEnd.js

@@ -1,9 +1,18 @@
 import { h } from "vue";
 import { defineComponent } from "vue-demi";
 import { BusinessTaxiEndMap } from "../business-components/BusinessTaxiEndMap/BusinessTaxiEndMap.js";
+import { useBusinessTaxiEndMap } from "../hooks-business/useBusinessTaxiEndMap.js";
 import { l as layout, a as adjustedDemo } from "../chunks/Demo.css.e921a2f6.js";
 const DemoBusinessTaxiEnd = defineComponent({
   name: "DemoBusinessTaxiEnd",
+  setup() {
+    const {
+      googleConnectionStatus
+    } = useBusinessTaxiEndMap();
+    return {
+      googleConnectionStatus
+    };
+  },
   data() {
     return {
       from: {
@@ -48,15 +57,22 @@ const DemoBusinessTaxiEnd = defineComponent({
     const {
       from,
       to,
-      contentHeight
+      contentHeight,
+      googleConnectionStatus
     } = this;
     return h("div", {
       "class": layout
-    }, [h("div", [JSON.stringify(from), " | ", JSON.stringify(to)]), h(BusinessTaxiEndMap, {
+    }, [h("div", [googleConnectionStatus]), h("div", [JSON.stringify(from), " | ", JSON.stringify(to)]), h(BusinessTaxiEndMap, {
       "class": adjustedDemo,
       "attrs": {
         "from": from,
         "to": to
+      },
+      "on": {
+        "changeGoogleConnection": (status) => (
+          // 根据目前的产品需求，连通性检测只会被检测一次。
+          console.log("谷歌连通性发生变化时触发，连通性状态是：", status)
+        )
       }
     }), h("div", {
       "style": {

package/dist/v2/Demo/DemoBusinessTaxiService.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="google.maps" />
 import { type CoordinatePlace, type CoordinateTrackPoint, type DriverStatus } from "../types/interface";
 export declare const DemoBusinessTaxiService: import("vue-demi").DefineComponent<Readonly<{}>, {
+    googleConnectionStatus: Readonly<import("vue-demi").Ref<import("../types/interface").GoogleConnectionStatus>>;
     setMap: import("../hooks/useHeycarMap").SetMap<import("../components/Amap/SafeAmap").SafeAmap> | import("../hooks/useHeycarMap").SetMap<google.maps.Map>;
     registerFitVeiw: import("../types/interface").RegisterOverlay<({
         _needUpdate: boolean;

package/dist/v2/Demo/DemoBusinessTaxiService.js

@@ -9,10 +9,12 @@ const DemoBusinessTaxiService = defineComponent({
   name: "DemoBusinessTaxiService",
   setup() {
     const {
+      googleConnectionStatus,
       setMap,
       registerFitVeiw
     } = useBusinessTaxiServiceMap();
     return {
+      googleConnectionStatus,
       setMap,
       registerFitVeiw
     };
@@ -82,7 +84,8 @@ const DemoBusinessTaxiService = defineComponent({
       registerFitVeiw,
       from,
       to,
-      status
+      status,
+      googleConnectionStatus
     } = this;
     const isReady = isCoordinatePoint(from) && isCoordinatePoint(to);
     if (!isReady)
@@ -92,7 +95,7 @@ const DemoBusinessTaxiService = defineComponent({
     } = this;
     return h("div", {
       "class": layout
-    }, [h(BusinessTaxiServiceMap, {
+    }, [h("div", [googleConnectionStatus]), h(BusinessTaxiServiceMap, {
       "class": adjustedDemo,
       "attrs": {
         "from": from,
@@ -113,6 +116,12 @@ const DemoBusinessTaxiService = defineComponent({
         "interval": 5e3,
         "mapRef": setMap,
         "registerOverlay": registerFitVeiw
+      },
+      "on": {
+        "changeGoogleConnection": (status2) => (
+          // 根据目前的产品需求，连通性检测只会被检测一次。
+          console.log("谷歌连通性发生变化时触发，连通性状态是：", status2)
+        )
       }
     }), h("div", {
       "style": {

package/dist/v2/api/googleConnection.d.ts

@@ -0,0 +1,5 @@
+import type { GoogleConnectionStatus } from "../types/interface";
+export type GoogleConnectionOnChangeHandler = (status: GoogleConnectionStatus) => void;
+export type GoogleConnectionOnChangeCleanup = () => void;
+export declare const apiGoogleConnectionStatus: () => GoogleConnectionStatus;
+export declare const apiSubscribeGoogleConnectionChange: (handler: GoogleConnectionOnChangeHandler) => GoogleConnectionOnChangeCleanup;

package/dist/v2/api/googleConnection.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+const GOOGLE_DNS_RESOLVER = "https://dns.google/resolve?name=maps.googleapis.com&type=A";
+const GOOGLE_CONNECTION_DEFAULT_TIMEOUT = 5e3;
+const noop = () => {
+};
+class GoogleConnection {
+  constructor() {
+    __publicField(this, "status", "pending");
+    __publicField(this, "listeners", /* @__PURE__ */ new Set());
+    this.start();
+  }
+  async start() {
+    const status = await this.check();
+    this.status = status;
+    for (const handler of this.listeners) {
+      try {
+        handler(status);
+      } catch (err) {
+        console.error(err);
+      }
+    }
+  }
+  check(timeout = GOOGLE_CONNECTION_DEFAULT_TIMEOUT) {
+    const controller = new AbortController();
+    const timer = setTimeout(() => controller.abort(), timeout);
+    return fetch(GOOGLE_DNS_RESOLVER, { signal: controller.signal }).then(() => "connected").catch(() => "unconnected").finally(() => clearTimeout(timer));
+  }
+  onChange(handler) {
+    if (typeof handler !== "function")
+      return noop;
+    this.listeners.add(handler);
+    const clear = () => {
+      this.listeners.delete(handler);
+    };
+    return clear;
+  }
+}
+const googleConnection = new GoogleConnection();
+const apiGoogleConnectionStatus = () => {
+  return googleConnection.status;
+};
+const apiSubscribeGoogleConnectionChange = (handler) => googleConnection.onChange(handler);
+export {
+  apiGoogleConnectionStatus,
+  apiSubscribeGoogleConnectionChange
+};

package/dist/v2/api/googleSnapRoad.js

@@ -7,6 +7,27 @@ const point2snappedPoint = (point) => {
   const [longitude, latitude] = point;
   return { location: { longitude, latitude }, placeId: "" };
 };
+function assertLatitudeLongitudeLiteral(value) {
+  if (value && typeof value.longitude === "number" && typeof value.latitude === "number")
+    return;
+  throw Error(`MyError: expect type LatitudeLongitudeLiteral, actual is: ${JSON.stringify(value)}`);
+}
+function assertSnappedPoint(value) {
+  if (value)
+    assertLatitudeLongitudeLiteral(value.location);
+  throw Error(`MyError: expect type SnappedPoint, actual is: ${JSON.stringify(value)}`);
+}
+function assertSnapToRoadsResponse(value) {
+  const error = Error(
+    `MyError: expect type SnapToRoadsResponse, actual is: ${JSON.stringify(value)}`
+  );
+  if (typeof value !== "object" || value === null)
+    throw error;
+  if (!("snappedPoints" in value) || !Array.isArray(value.snappedPoints)) {
+    throw "warningMessage" in value && typeof value.warningMessage === "string" ? Error(value.warningMessage) : error;
+  }
+  value.snappedPoints.forEach(assertSnappedPoint);
+}
 async function apiGoogleSnapRoad(props) {
   const { interpolate, path, proxyUrl = googleSnapRoadProxyUrl } = props;
   if (!proxyUrl)
@@ -21,8 +42,11 @@ async function apiGoogleSnapRoad(props) {
     url.searchParams.set("interpolate", String(interpolate));
   url.searchParams.set("path", googleSnapRoadPointsStringify(path));
   const response = await fetch(url);
-  if (response.ok)
-    return await response.json();
+  if (response.ok) {
+    const result = await response.json();
+    assertSnapToRoadsResponse(result);
+    return result;
+  }
   const error = await response.json();
   if (isProxyError(error)) {
     const { code: code2, msg } = error;

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

@@ -6,6 +6,6 @@ export interface AuxiliaryLineProps {
     showDir?: boolean;
     path: [number, number][];
 }
-export declare const AAuxiliaryLine: import("vue-demi").DefineComponent<import("vue3").ComponentObjectPropsOptions<AuxiliaryLineProps>, 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<AuxiliaryLineProps, Required<AuxiliaryLineProps>>, never, AuxiliaryLineProps>;
-export declare const GAuxiliaryLine: import("vue-demi").DefineComponent<import("vue3").ComponentObjectPropsOptions<AuxiliaryLineProps>, 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<AuxiliaryLineProps, Required<AuxiliaryLineProps>>, never, AuxiliaryLineProps>;
-export declare const AuxiliaryLine: import("vue-demi").DefineComponent<import("vue3").ComponentObjectPropsOptions<AuxiliaryLineProps>, 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<AuxiliaryLineProps, Required<AuxiliaryLineProps>>, never, AuxiliaryLineProps>;
+export declare const AAuxiliaryLine: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<AuxiliaryLineProps>, 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<AuxiliaryLineProps, Required<AuxiliaryLineProps>>, never, AuxiliaryLineProps>;
+export declare const GAuxiliaryLine: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<AuxiliaryLineProps>, 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<AuxiliaryLineProps, Required<AuxiliaryLineProps>>, never, AuxiliaryLineProps>;
+export declare const AuxiliaryLine: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<AuxiliaryLineProps>, 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<AuxiliaryLineProps, Required<AuxiliaryLineProps>>, never, AuxiliaryLineProps>;

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

@@ -1,5 +1,4 @@
 import { h } from "vue";
-import { computed } from "vue-demi";
 import { AMAP_DEFAULT_MARKER_ICON_URL } from "../../api/cdn.js";
 import { ZINDEX_AUXILIARY_GRASP } from "../../api/contants.js";
 import { AmapCircle } from "../../components/AmapCircle/AmapCircle.js";
@@ -32,8 +31,6 @@ const AAuxiliaryLine = defineSetup("AAuxiliaryLine", function(props) {
       opacity = 1,
       scale = 1
     } = props;
-    if (color === "yellow")
-      console.log("color, path = ", color, path);
     const vw = window.innerWidth * 0.01;
     const strokeWidth = 1 * vw;
     const dashLength = 0.3 * vw;
@@ -110,7 +107,6 @@ const GAuxiliaryLine = defineSetup("GAuxiliaryLine", function(props) {
     url: AMAP_DEFAULT_MARKER_ICON_URL,
     scaledSize: new google.maps.Size(defaultMarkerSize * 38 / 63, defaultMarkerSize)
   };
-  const pathRef = computed(() => props.path.map(vec2lnglat));
   return () => {
     const {
       type = "dashed",
@@ -118,15 +114,16 @@ const GAuxiliaryLine = defineSetup("GAuxiliaryLine", function(props) {
       opacity = 1,
       scale = 1
     } = props;
+    const path = props.path.map(vec2lnglat);
     const vw = window.innerWidth * 0.01;
     const strokeWidth = 1.25 * vw * 0.65;
-    if (pathRef.value.length < 2)
-      return;
     switch (type) {
       case "solid":
+        if (path.length < 2)
+          return;
         return h(GmapPolyline, {
           "attrs": {
-            "path": pathRef.value,
+            "path": path,
             "strokeWeight": strokeWidth * scale,
             "strokeOpacity": opacity,
             "strokeColor": color,
@@ -134,9 +131,11 @@ const GAuxiliaryLine = defineSetup("GAuxiliaryLine", function(props) {
           }
         });
       case "dashed":
+        if (path.length < 2)
+          return;
         return h(GmapPolyline, {
           "attrs": {
-            "path": pathRef.value,
+            "path": path,
             "icons": [{
               icon: {
                 path: `M 0,-0.5 0,0.5`,
@@ -153,7 +152,7 @@ const GAuxiliaryLine = defineSetup("GAuxiliaryLine", function(props) {
           }
         });
       case "marker": {
-        const noneRepeatPath = Object.values(Object.fromEntries(pathRef.value.map((p) => [`${p.lng}|${p.lat}`, p])));
+        const noneRepeatPath = Object.values(Object.fromEntries(path.map((p) => [`${p.lng}|${p.lat}`, p])));
         const points = noneRepeatPath.map((point, idx, list) => idx === list.length - 1 ? h(GmapMarker, {
           "attrs": {
             "position": point
@@ -167,7 +166,7 @@ const GAuxiliaryLine = defineSetup("GAuxiliaryLine", function(props) {
         return h("div", [points]);
       }
       case "circle": {
-        const noneRepeatPath = Object.values(Object.fromEntries(pathRef.value.map((p) => [`${p.lng}|${p.lat}`, p])));
+        const noneRepeatPath = Object.values(Object.fromEntries(path.map((p) => [`${p.lng}|${p.lat}`, p])));
         const points = noneRepeatPath.map((point) => h(GmapCircle, {
           "attrs": {
             "center": point,

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

@@ -1,3 +1,4 @@
+import type { GoogleConnectionOnChangeHandler } from "../../api/googleConnection";
 import { type HeycarMapProps } from "../../components/MapProvider";
 import type { MROP } from "../../hooks/useOverlay";
 import type { CoordinatifyProps } from "../../types/coordinatify";
@@ -14,5 +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" | "clickStartPoint" | "clickEndPoint", BusinessQuotingMapProps>;
+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>;

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

@@ -1,5 +1,6 @@
 import { h } from "vue";
 import { HeycarMap } from "../../components/MapProvider/MapProvider.js";
+import { useGoogleConnection } from "../../hooks/useGoogleConnection.js";
 import { useMapCoordinatify } from "../../hooks/useMapCoordinatify.js";
 import { useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineLagecySetup } from "../../types/helper.js";
@@ -30,6 +31,9 @@ const BusinessQuotingMap = defineLagecySetup("BusinessQuotingMap", function(prop
     immediate: true
   });
   const deferedSetFitView = pipeDefer(() => registerOverlay.setFitView(true));
+  useGoogleConnection({
+    onChange: (status) => emit("changeGoogleConnection", status)
+  });
   return () => {
     const {
       from: inputFromPlace,

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

@@ -1,3 +1,4 @@
+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";
@@ -43,5 +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" | "changePlace" | "loadGeoLocation" | "loadDefaultGeoLocation" | "changeByDrag" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", BusinessRecomendPlaceMapProps>;
+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>;

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

@@ -4,6 +4,7 @@ import { apiSaveCenterPlaceToCache } from "../../api/browser.js";
 import { apiMemoryShouldSkipByKey } from "../../api/memory.js";
 import { HeycarMap } from "../../components/MapProvider/MapProvider.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";
@@ -169,6 +170,9 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
       emitGeoErrorOnce(error);
     }
   });
+  useGoogleConnection({
+    onChange: (status) => emit("changeGoogleConnection", status)
+  });
   mapContext.setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
   mapContext.setCenterPlaceByUserSpecifiedInZone = setCenterPlaceByUserSpecifiedInZone;
   mapContext.panToGeoPositionByRecomend = () => {

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

@@ -1,6 +1,6 @@
 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"> {
+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"> {
     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>>, "changePlace" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", BusinessReselectPlaceMapProps>;
+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>;

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

@@ -3,6 +3,7 @@ import { reactive, watchEffect } from "vue-demi";
 import { apiMemoryShouldSkipByKey } from "../../api/memory.js";
 import { HeycarMap } from "../../components/MapProvider/MapProvider.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";
@@ -142,6 +143,9 @@ const BusinessReselectPlaceMap = defineLagecySetup("BusinessReselectPlaceMap", f
       emitGeoErrorOnce(error);
     }
   });
+  useGoogleConnection({
+    onChange: (status) => emit("changeGoogleConnection", status)
+  });
   mapContext.setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
   mapContext.setCenterPlaceByUserSpecifiedInZone = setCenterPlaceByUserSpecifiedInZone;
   mapContext.panToGeoPositionByRecomend = () => {

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

@@ -1,6 +1,8 @@
+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>>, never, BusinessTaxiEndMapProps>;
+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>;