@heycar/heycars-map 2.0.0-switchMap3 → 2.0.0-switchMap5

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

@@ -26,7 +26,7 @@ import "../GreenZone/GreenZone.js";
 import "../PassengerCircle/PassengerCircle.js";
 import "../PickupPoints/PickupPoints.js";
 import "./useCacheCenterPlace.js";
-import { B, f, D, E, a, c, R, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.86e9c287.js";
+import { B, f, D, E, a, c, R, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.4befb6c7.js";
 export {
   B as BusinessRecomendPlaceMap,
   f as BusinessRecomendPlaceMapInner,

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

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

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

@@ -20,7 +20,7 @@ import { detectBrowserPlatform } from "../../utils/platform.js";
 import { place2point, isPlaceEqual, pipeOnlyLastEffect, isZoneEqual, geoPositionError2businessTimeout } from "../../utils/transform.js";
 import { toCoordinatePlaceType, toCoordinatePointType, toCoordinateRecommendZonePlacesType } from "../../utils/typeChecking.js";
 import { AbsoluteAddressBox } from "../AbsoluteAddressBox/AbsoluteAddressBox.js";
-import { E as EMPTY_PLACE, m as memoize, R as RECOMMEND_PLACE_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.86e9c287.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.4befb6c7.js";
 import { DeviceOrientation } from "../DeviceOrientation/DeviceOrientation.js";
 import { GreenZone } from "../GreenZone/GreenZone.js";
 import { PassengerCircle } from "../PassengerCircle/PassengerCircle.js";

package/dist/v3/chunks/{BusinessRecomendPlaceMap.86e9c287.js → BusinessRecomendPlaceMap.4befb6c7.js}

@@ -316,7 +316,8 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
     defaultValue: DEFAULT_ZOOM
   });
   const {
-    readyPromise
+    readyPromise,
+    supplier
   } = useMapSupplier();
   const {
     assertSupplier
@@ -400,7 +401,8 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
       if (!isFirstLoad)
         return;
       const [lng, lat] = value.position;
-      await readyPromise;
+      if (supplier === "amap")
+        await readyPromise;
       centerSource.source = "geo";
       centerPlace.lng = lng;
       centerPlace.lat = lat;
@@ -410,7 +412,8 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
       emit("loadDefaultGeoLocation", coordinatifyGeoPosition(value));
       if (!isFirstLoad)
         return;
-      await readyPromise;
+      if (supplier === "amap")
+        await readyPromise;
       centerSource.source = "geo";
       updatePlace(value.position);
     },

package/dist/v3/chunks/{Loading.98d687c0.js → Loading.21d8e759.js}

@@ -1,17 +1,17 @@
-import "../css/Loading-0e058b68.css";
+import "../css/Loading-49e58ced.css";
 import { createVNode } from "vue";
 import { ICON_LOAD_FAILED_URL } from "../api/cdn.js";
 import { AbsoluteAddressBox } from "../business-components/AbsoluteAddressBox/AbsoluteAddressBox.js";
 import { defineSetup } from "../types/helper.js";
 const imgGrid = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg1IiBoZWlnaHQ9IjgxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNEOERCRTIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWRhc2hhcnJheT0iMSI+PHBhdGggZD0iTS41IDgxN1YwTTI0LjUgODE3VjBNNDguNSA4MTdWME03Mi41IDgxN1YwTTk2LjUgODE3VjBNMTIwLjUgODE3VjBNMTQ0LjUgODE3VjBNMTY4LjUgODE3VjBNMTkyLjUgODE3VjBNMjE2LjUgODE3VjBNMjQwLjUgODE3VjBNMjY0LjUgODE3VjBNMjg4LjUgODE3VjBNMzEyLjUgODE3VjBNMzM2LjUgODE3VjBNMzYwLjUgODE3VjBNMzg0LjUgODE3VjBNMCAuNWgzODVNMCAyNC41aDM4NU0wIDQ4LjVoMzg1TTAgNzIuNWgzODVNMCA5Ni41aDM4NU0wIDEyMC41aDM4NU0wIDE0NC41aDM4NU0wIDE2OC41aDM4NU0wIDE5Mi41aDM4NU0wIDIxNi41aDM4NU0wIDI0MC41aDM4NU0wIDI2NC41aDM4NU0wIDI4OC41aDM4NU0wIDMxMi41aDM4NU0wIDMzNi41aDM4NU0wIDM2MC41aDM4NU0wIDM4NC41aDM4NU0wIDQwOC41aDM4NU0wIDQzMi41aDM4NU0wIDQ1Ni41aDM4NU0wIDQ4MC41aDM4NU0wIDUwNC41aDM4NU0wIDUyOC41aDM4NU0wIDU1Mi41aDM4NU0wIDU3Ni41aDM4NU0wIDYwMC41aDM4NU0wIDYyNC41aDM4NU0wIDY0OC41aDM4NU0wIDY3Mi41aDM4NU0wIDY5Ni41aDM4NU0wIDcyMC41aDM4NU0wIDc0NC41aDM4NU0wIDc2OC41aDM4NU0wIDc5Mi41aDM4NU0wIDgxNi41aDM4NSIvPjwvZz48L3N2Zz4=";
 const Loading_css_ts_vanilla = "";
+var contentLayout = "_17ify492";
 var description = "_17ify496";
-var iconLayout = "_17ify492";
 var iconLoadFailed = "_17ify493";
 var loadingBg = "_17ify491";
 var loadingLayout = "_17ify490";
-var textLayout = "_17ify494";
 var title = "_17ify495";
+var verticalGap = "_17ify494";
 const Loading = defineSetup("Loading", function() {
   return () => createVNode("div", {
     "class": loadingLayout
@@ -30,20 +30,18 @@ const LoadFailed = defineSetup("LoadFailed", function(props) {
     "class": loadingBg,
     "src": imgGrid
   }, null), createVNode("div", {
-    "class": iconLayout
+    "class": contentLayout
   }, [createVNode("img", {
     "class": iconLoadFailed,
     "src": ICON_LOAD_FAILED_URL
-  }, null), createVNode("div", {
-    "class": textLayout
-  }, [createVNode("span", {
-    "class": title
+  }, null), createVNode("span", {
+    "class": `${title} ${verticalGap}`
   }, [props.title]), createVNode("span", {
-    "class": description
-  }, [props.description])])])]);
+    "class": `${description} ${verticalGap}`
+  }, [props.description])])]);
 });
 export {
-  Loading as L,
-  LoadFailed as a,
+  LoadFailed as L,
+  Loading as a,
   imgGrid as i
 };

package/dist/v3/components/Loading/Loading.css.d.ts

@@ -1,7 +1,7 @@
 export declare const loadingLayout: string;
 export declare const loadingBg: string;
-export declare const iconLayout: string;
+export declare const contentLayout: string;
 export declare const iconLoadFailed: string;
-export declare const textLayout: string;
+export declare const verticalGap: string;
 export declare const title: string;
 export declare const description: string;

package/dist/v3/components/Loading/Loading.js

@@ -1,9 +1,9 @@
 import "vue";
 import "../../api/cdn.js";
-import { a, L } from "../../chunks/Loading.98d687c0.js";
+import { L, a } from "../../chunks/Loading.21d8e759.js";
 import "../../business-components/AbsoluteAddressBox/AbsoluteAddressBox.js";
 import "../../types/helper.js";
 export {
-  a as LoadFailed,
-  L as Loading
+  L as LoadFailed,
+  a as Loading
 };

package/dist/v3/components/Loading/index.js

@@ -1,5 +1,5 @@
-import { a, L } from "../../chunks/Loading.98d687c0.js";
+import { L, a } from "../../chunks/Loading.21d8e759.js";
 export {
-  a as LoadFailed,
-  L as Loading
+  L as LoadFailed,
+  a as Loading
 };

package/dist/v3/components/MapProvider/MapProvider.js

@@ -1,6 +1,6 @@
 import "../../css/MapProvider-156bfd53.css";
 import { createVNode, isVNode } from "vue";
-import { L as Loading, a as LoadFailed, i as imgGrid } from "../../chunks/Loading.98d687c0.js";
+import { L as LoadFailed, a as Loading, i as imgGrid } from "../../chunks/Loading.21d8e759.js";
 import { useMapLoader, Status } from "../../hooks/useMapLoader.js";
 import { provideMapSupplier, useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineLagecySetup } from "../../types/helper.js";
@@ -29,6 +29,8 @@ const MapProvider = defineLagecySetup("MapProvider", function(props, {
     get(target, name, receiver) {
       if (name === "status")
         return payload.statusRef.value;
+      if (name === "pingStatus")
+        return payload.pingStatusRef.value;
       if (name === "readyPromise")
         return payload.readyPromise;
       return Reflect.get(target, name, receiver);
@@ -73,7 +75,8 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
       gmapId,
       gmapRasterId,
       language = "zh",
-      status
+      status,
+      pingStatus
     } = payload;
     const {
       mapRef: setMap,
@@ -82,19 +85,19 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
       touchEnable = true,
       touchZoomCenter
     } = props;
-    if (status === Status.LOADING) {
-      const node = (_a = slots.loading) == null ? void 0 : _a.call(slots);
-      return node ? createVNode("div", null, [node]) : createVNode(Loading, null, null);
-    }
-    if (status === Status.FAILURE || status === Status.TIMEOUT) {
-      const node = (_b = slots.fallback) == null ? void 0 : _b.call(slots);
-      const title = (_c = payload.renderLoadFailedTitle) == null ? void 0 : _c.call(payload, status);
-      const description = (_d = payload.renderLoadFailedDescription) == null ? void 0 : _d.call(payload, status);
+    if (status === Status.FAILURE || pingStatus === "unconnected") {
+      const node = (_a = slots.fallback) == null ? void 0 : _a.call(slots);
+      const title = (_b = payload.renderLoadFailedTitle) == null ? void 0 : _b.call(payload, status);
+      const description = (_c = payload.renderLoadFailedDescription) == null ? void 0 : _c.call(payload, status);
       return node ? createVNode("div", null, [node]) : createVNode(LoadFailed, {
         "title": title,
         "description": description
       }, null);
     }
+    if (status === Status.LOADING || status === Status.SUCCESS && pingStatus === "pending") {
+      const node = (_d = slots.loading) == null ? void 0 : _d.call(slots);
+      return node ? createVNode("div", null, [node]) : createVNode(Loading, null, null);
+    }
     const children = (_e = slots.default) == null ? void 0 : _e.call(slots);
     const outArea = (_f = slots.outerArea) == null ? void 0 : _f.call(slots);
     const mapId = patchGmapIdForAlipayCompatible({

package/dist/v3/css/{Loading-0e058b68.css → Loading-49e58ced.css}

@@ -3,6 +3,7 @@
   background-color: #EDF1F5;
 }
 ._17ify491 {
+  position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -10,29 +11,24 @@
 ._17ify492 {
   position: absolute;
   margin: auto;
-  top: 0;
+  top: -5vh;
   left: 0;
   right: 0;
   bottom: 0;
   width: fit-content;
   height: fit-content;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 ._17ify493 {
   width: 40.8vw;
   height: 24.53vw;
 }
 ._17ify494 {
-  position: absolute;
-  top: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: max-content;
-  left: 50%;
-  transform: translate(-50%, 0);
+  margin-top: 1.6vw;
 }
 ._17ify495 {
-  margin-top: 1.6vw;
   font-family: var(--HEYCAR_MAP_CSS_VAR_FONT_REGULAR);
   font-weight: 500;
   font-size: 4vw;
@@ -40,7 +36,6 @@
   line-height: 6.4vw;
 }
 ._17ify496 {
-  margin-top: 1.6vw;
   font-family: var(--HEYCAR_MAP_CSS_VAR_FONT_REGULAR);
   font-weight: 400;
   font-size: 3.73vw;

package/dist/v3/hooks/useDeviceOrientation.js

@@ -1,7 +1,23 @@
 import { reactive, watch } from "vue-demi";
 import { MINI_PROGRAM_WEB_VIEW_CLOSE_EVENT } from "../utils/patchMiniprogram.js";
 import { OS_PLATFORM, detectOSPlatform } from "../utils/platform.js";
-import { t as throttle } from "../chunks/throttle.8bdd8d3b.js";
+import { i as isObject, d as debounce } from "../chunks/debounce.5afe7867.js";
+var FUNC_ERROR_TEXT = "Expected a function";
+function throttle(func, wait, options) {
+  var leading = true, trailing = true;
+  if (typeof func != "function") {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (isObject(options)) {
+    leading = "leading" in options ? !!options.leading : leading;
+    trailing = "trailing" in options ? !!options.trailing : trailing;
+  }
+  return debounce(func, wait, {
+    "leading": leading,
+    "maxWait": wait,
+    "trailing": trailing
+  });
+}
 const DEVICE_ORIENTATION_INTERVAL = 200;
 const CSS_DEVICE_ORIENTATION_VAR_PREFIX = "--CSS_DEVICE_ORIENTATION_VAR_ROTATION_DEGREE_";
 const useDeviceOrientation = (props) => {

package/dist/v3/hooks/useMapGCJ02.js

@@ -565,7 +565,6 @@ const useAmapGCJ02 = () => {
   return { toCoordinateType, toGcj02, toGcj02Points, toLocalGcj02, toLocalGcj02Points };
 };
 const useGmapGCJ02 = () => {
-  const { readyPromise } = useMapSupplier();
   const toCoordinateType = (p) => {
     return inChina(p) && !inHongkong(p) && !inMacau(p) ? "gcj02" : "wgs84";
   };
@@ -583,11 +582,9 @@ const useGmapGCJ02 = () => {
   };
   const toLocalGcj02Points = (points) => points.map(toLocalGcj02);
   const toGcj02 = async (point) => {
-    await readyPromise;
     return toLocalGcj02Points([point])[0];
   };
   const toGcj02Points = async (points) => {
-    await readyPromise;
     return toLocalGcj02Points(points);
   };
   return { toCoordinateType, toGcj02, toGcj02Points, toLocalGcj02, toLocalGcj02Points };

package/dist/v3/hooks/useMapGeometry.d.ts

@@ -1,19 +1,17 @@
 import type { Point } from "../types/interface";
+export declare const apiLocalIsPointInRing: (point: Point, path: Point[]) => boolean;
 export declare const useAmapGeometry: () => {
     apiMapDistance: (from: Point, to: Point) => number | undefined;
     apiMapDistanceToLine: (from: Point, line: Point[]) => number | undefined;
-    apiMapIsPointInRing: (point: Point, path: Point[]) => boolean;
     apiMapDistanceOfLine: (line: Point[]) => number | undefined;
 };
 export declare const useGmapGeometry: () => {
     apiMapDistance: (from: Point, to: Point) => number | undefined;
     apiMapDistanceToLine: (from: Point, line: Point[]) => 0 | undefined;
-    apiMapIsPointInRing: (point: Point, path: Point[]) => boolean;
     apiMapDistanceOfLine: (line: Point[]) => number | undefined;
 };
 export declare const useMapGeometry: () => {
     apiMapDistance: (from: Point, to: Point) => number | undefined;
     apiMapDistanceToLine: (from: Point, line: Point[]) => number | undefined;
-    apiMapIsPointInRing: (point: Point, path: Point[]) => boolean;
     apiMapDistanceOfLine: (line: Point[]) => number | undefined;
 };

package/dist/v3/hooks/useMapGeometry.js

@@ -2,6 +2,7 @@ import { pointInPolygon } from "../utils/geometryPolygon.js";
 import { vec2lnglat } from "../utils/transform.js";
 import { Status } from "./useMapLoader.js";
 import { useMapSupplier } from "./useMapSupplier.js";
+const apiLocalIsPointInRing = (point, path) => pointInPolygon(point, path) >= 0;
 const useAmapGeometry = () => {
   const payload = useMapSupplier();
   const apiMapDistance = (from, to) => {
@@ -19,8 +20,7 @@ const useAmapGeometry = () => {
       return void 0;
     return AMap.GeometryUtil.distanceOfLine(line);
   };
-  const apiMapIsPointInRing = (point, path) => pointInPolygon(point, path) >= 0;
-  return { apiMapDistance, apiMapDistanceToLine, apiMapIsPointInRing, apiMapDistanceOfLine };
+  return { apiMapDistance, apiMapDistanceToLine, apiMapDistanceOfLine };
 };
 const useGmapGeometry = () => {
   const payload = useMapSupplier();
@@ -39,14 +39,14 @@ const useGmapGeometry = () => {
       return void 0;
     return google.maps.geometry.spherical.computeLength(line.map(vec2lnglat));
   };
-  const apiMapIsPointInRing = (point, path) => pointInPolygon(point, path) >= 0;
-  return { apiMapDistance, apiMapDistanceToLine, apiMapIsPointInRing, apiMapDistanceOfLine };
+  return { apiMapDistance, apiMapDistanceToLine, apiMapDistanceOfLine };
 };
 const useMapGeometry = () => {
   const { supplier } = useMapSupplier();
   return supplier === "gmap" ? useGmapGeometry() : useAmapGeometry();
 };
 export {
+  apiLocalIsPointInRing,
   useAmapGeometry,
   useGmapGeometry,
   useMapGeometry

package/dist/v3/hooks/useMapLoader.d.ts

@@ -2,12 +2,11 @@ import { load as loadAmap } from "@amap/amap-jsapi-loader";
 import { type LoaderOptions } from "@googlemaps/js-api-loader";
 import { type Ref } from "vue-demi";
 import type { VNodeChild } from "../demi-polyfill";
-import type { Language } from "../types/interface";
+import type { ConnectionStatus, Language } from "../types/interface";
 export declare const DEFAULT_AMAP_PLUGINS: AmapLoaderProps["plugins"];
 export declare const DEFAULT_GMAP_LIBRARIES: LoaderOptions["libraries"];
 export declare enum Status {
     LOADING = "LOADING",
-    TIMEOUT = "TIMEOUT",
     FAILURE = "FAILURE",
     SUCCESS = "SUCCESS"
 }
@@ -30,6 +29,7 @@ export interface AmapLoaderProps extends Pick<GmapLoaderProps, "fallback" | "loa
 }
 export declare const useAmapLoader: (props: AmapLoaderProps) => {
     statusRef: import("vue-demi").ShallowRef<Status>;
+    pingStatusRef: import("vue-demi").ShallowRef<ConnectionStatus>;
     readyPromise: Promise<undefined>;
 };
 export interface GmapLoaderProps extends LoaderOptions {
@@ -53,11 +53,13 @@ export interface GmapLoaderProps extends LoaderOptions {
 }
 export declare const useGmapLoader: (props: GmapLoaderProps) => {
     statusRef: import("vue-demi").ShallowRef<Status>;
+    pingStatusRef: import("vue-demi").ShallowRef<ConnectionStatus>;
     readyPromise: Promise<undefined>;
 };
 export type MapSupplier = "gmap" | "amap";
 export interface UseMapLoaderOutput {
     statusRef: Ref<Status>;
+    pingStatusRef: Ref<ConnectionStatus>;
     readyPromise: Promise<undefined>;
 }
 export interface UseMapLoaderProps {

package/dist/v3/hooks/useMapLoader.js

@@ -1,8 +1,8 @@
-import { shallowRef, computed, ref } from "vue-demi";
+import { shallowRef, computed } from "vue-demi";
+import { apiPingAmap, apiPingGmap } from "../api/pingConnection.js";
 import { watchPostEffectForDeepOption } from "../utils/compare.js";
-import { createRunOnce } from "../utils/helper.js";
+import { createOneConcurrent, sleep, createRunOnce } from "../utils/helper.js";
 import { patchGoogleMapLoader } from "../utils/patchGoogleMapLoader.js";
-import { t as throttle } from "../chunks/throttle.8bdd8d3b.js";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var distExports = {};
 var dist = {
@@ -540,7 +540,6 @@ class Loader {
   }
 }
 const MIN_MAP_RELOAD_INTERVAL = 5e3;
-const GMAP_LOAD_TIMEOUT = 1e4;
 const DEFAULT_AMAP_PLUGINS = [
   "AMap.Geocoder",
   "AMap.Driving",
@@ -550,7 +549,6 @@ const DEFAULT_AMAP_PLUGINS = [
 const DEFAULT_GMAP_LIBRARIES = ["marker", "geometry"];
 var Status = /* @__PURE__ */ ((Status2) => {
   Status2["LOADING"] = "LOADING";
-  Status2["TIMEOUT"] = "TIMEOUT";
   Status2["FAILURE"] = "FAILURE";
   Status2["SUCCESS"] = "SUCCESS";
   return Status2;
@@ -558,15 +556,14 @@ var Status = /* @__PURE__ */ ((Status2) => {
 const useAmapLoader = (props) => {
   const { disableRef, onSuccess, onFail } = props;
   let resolveLoader;
-  let rejectLoader;
-  const readyPromise = new Promise((resolve, reject) => {
+  const readyPromise = new Promise((resolve) => {
     resolveLoader = resolve;
-    rejectLoader = reject;
   });
   const statusRef = shallowRef(
     "LOADING"
     /* LOADING */
   );
+  const pingStatusRef = shallowRef("connected");
   const optionsRef = computed(() => {
     const {
       onSuccess: onSuccess2,
@@ -586,102 +583,123 @@ const useAmapLoader = (props) => {
       serviceHost: props.apiServiceHost
     } : { securityJsCode: props.apiSecret };
   });
-  const reload = throttle(
-    (options) => {
-      if (statusRef.value === "SUCCESS")
-        return;
-      statusRef.value = "LOADING";
-      defineSecurityOnce();
-      return distExports.load(options).then(
-        () => {
-          statusRef.value = "SUCCESS";
-          resolveLoader();
-          onSuccess == null ? void 0 : onSuccess();
-        },
-        () => {
-          statusRef.value = "FAILURE";
-          rejectLoader();
-          onFail == null ? void 0 : onFail();
-        }
-      );
-    },
-    MIN_MAP_RELOAD_INTERVAL,
-    { trailing: false }
-  );
-  watchPostEffectForDeepOption(
-    () => [optionsRef.value, disableRef == null ? void 0 : disableRef.value],
-    ([options, disable]) => {
-      if (disable)
-        return;
-      reload(options);
+  const reload = createOneConcurrent((options) => {
+    if (statusRef.value === "SUCCESS")
+      return Promise.resolve();
+    defineSecurityOnce();
+    distExports.reset();
+    statusRef.value = "LOADING";
+    return distExports.load(options).then(
+      () => {
+        statusRef.value = "SUCCESS";
+        resolveLoader();
+        onSuccess == null ? void 0 : onSuccess();
+      },
+      () => {
+        statusRef.value = "FAILURE";
+        onFail == null ? void 0 : onFail();
+      }
+    );
+  });
+  const keepRetry = createOneConcurrent(async () => {
+    const options = optionsRef.value;
+    while (!(disableRef == null ? void 0 : disableRef.value) && statusRef.value !== "SUCCESS") {
+      if (statusRef.value === "LOADING") {
+        await reload(options);
+        continue;
+      }
+      await sleep(MIN_MAP_RELOAD_INTERVAL);
+      const pingStatus = await apiPingAmap();
+      if (pingStatus === "unconnected")
+        continue;
+      await reload(options);
     }
-  );
-  return { statusRef, readyPromise };
+  });
+  watchPostEffectForDeepOption(() => [optionsRef.value, disableRef == null ? void 0 : disableRef.value], keepRetry);
+  return { statusRef, pingStatusRef, readyPromise };
 };
 const useGmapLoader = (props) => {
   const { disableRef, onSuccess, onFail } = props;
   let resolveLoader;
-  let rejectLoader;
-  const readyPromise = new Promise((resolve, reject) => {
+  const readyPromise = new Promise((resolve) => {
     resolveLoader = resolve;
-    rejectLoader = reject;
   });
   const statusRef = shallowRef(
     "LOADING"
     /* LOADING */
   );
+  const pingStatusRef = shallowRef("pending");
   const optionsRef = computed(() => {
     const { onSuccess: onSuccess2, onFail: onFail2, fallback, loading, language, ...options } = props;
     return options;
   });
-  const timerRef = ref();
-  const reload = throttle(
-    (options) => {
-      if (statusRef.value === "SUCCESS")
-        return;
-      const loader = new Loader(options);
-      patchGoogleMapLoader(loader);
-      clearTimeout(timerRef.value);
-      timerRef.value = window.setTimeout(() => {
-        statusRef.value = "TIMEOUT";
-      }, GMAP_LOAD_TIMEOUT);
-      if (loader.status !== LoaderStatus.INITIALIZED) {
-        window.google = void 0;
-        loader.reset();
+  const reload = createOneConcurrent((options, signal) => {
+    if (statusRef.value === "SUCCESS")
+      return Promise.resolve();
+    const loader = new Loader({ ...options, retries: 0 });
+    patchGoogleMapLoader(loader);
+    if (loader.status !== LoaderStatus.INITIALIZED) {
+      window.google = void 0;
+      loader.reset();
+    }
+    const abortPromise = new Promise((resolve) => signal == null ? void 0 : signal.addEventListener("abort", resolve));
+    statusRef.value = "LOADING";
+    const loadPromise = loader.load().then(
+      () => {
+        if (signal == null ? void 0 : signal.aborted)
+          return;
+        statusRef.value = "SUCCESS";
+        resolveLoader();
+        onSuccess == null ? void 0 : onSuccess();
+      },
+      () => {
+        if (signal == null ? void 0 : signal.aborted)
+          return;
+        statusRef.value = "FAILURE";
+        onFail == null ? void 0 : onFail();
+      }
+    );
+    return Promise.race([abortPromise, loadPromise]);
+  });
+  const keepRetry = createOneConcurrent(async () => {
+    if (statusRef.value === "SUCCESS") {
+      pingStatusRef.value = "pending";
+      while (pingStatusRef.value !== "connected") {
+        if (pingStatusRef.value === "unconnected")
+          await sleep(MIN_MAP_RELOAD_INTERVAL);
+        pingStatusRef.value = await apiPingGmap();
       }
-      statusRef.value = "LOADING";
-      return loader.load().then(
-        () => {
-          clearTimeout(timerRef.value);
-          statusRef.value = "SUCCESS";
-          resolveLoader();
-          onSuccess == null ? void 0 : onSuccess();
-        },
-        () => {
-          clearTimeout(timerRef.value);
-          statusRef.value = "FAILURE";
-          rejectLoader();
-          onFail == null ? void 0 : onFail();
-        }
-      );
-    },
-    MIN_MAP_RELOAD_INTERVAL,
-    { trailing: false }
-  );
-  watchPostEffectForDeepOption(
-    () => [optionsRef.value, disableRef == null ? void 0 : disableRef.value],
-    ([options, disable]) => {
-      if (disable)
-        return;
-      const language = navigator.language;
-      reload({ ...options, language });
     }
-  );
-  return { statusRef, readyPromise };
+    const language = navigator.language;
+    const options = { ...optionsRef.value, language };
+    while (!(disableRef == null ? void 0 : disableRef.value) && statusRef.value !== "SUCCESS") {
+      if (statusRef.value === "FAILURE" || pingStatusRef.value === "unconnected") {
+        await sleep(MIN_MAP_RELOAD_INTERVAL);
+        pingStatusRef.value = await apiPingGmap();
+        if (pingStatusRef.value === "connected")
+          statusRef.value = "LOADING";
+        continue;
+      }
+      const controller = new AbortController();
+      const reloadPromise = reload(options, controller.signal);
+      pingStatusRef.value = await apiPingGmap();
+      if (pingStatusRef.value === "unconnected") {
+        controller.abort();
+        continue;
+      }
+      await reloadPromise;
+    }
+  });
+  watchPostEffectForDeepOption(() => [optionsRef.value, disableRef == null ? void 0 : disableRef.value], keepRetry);
+  return { statusRef, pingStatusRef, readyPromise };
 };
 const useMapLoader = (props) => {
   const { gmapKey, amapKey, amapSecret, amapServiceHost, language, onSuccess, onFail } = props;
-  const { statusRef: amapStatusRef, readyPromise: amapReadyPromise } = useAmapLoader({
+  const {
+    statusRef: amapStatusRef,
+    pingStatusRef: amapPingStatusRef,
+    readyPromise: amapReadyPromise
+  } = useAmapLoader({
     apiKey: amapKey,
     apiSecret: amapSecret,
     apiServiceHost: amapServiceHost,
@@ -690,7 +708,11 @@ const useMapLoader = (props) => {
     onSuccess,
     onFail
   });
-  const { statusRef: gmapStatusRef, readyPromise: gmapReadyPromise } = useGmapLoader({
+  const {
+    statusRef: gmapStatusRef,
+    pingStatusRef: gmapPingStatusRef,
+    readyPromise: gmapReadyPromise
+  } = useGmapLoader({
     apiKey: gmapKey,
     language,
     version: "weekly",
@@ -705,6 +727,9 @@ const useMapLoader = (props) => {
     get statusRef() {
       return props.supplier === "gmap" ? gmapStatusRef : amapStatusRef;
     },
+    get pingStatusRef() {
+      return props.supplier === "gmap" ? gmapPingStatusRef : amapPingStatusRef;
+    },
     get readyPromise() {
       return props.supplier === "gmap" ? gmapReadyPromise : amapReadyPromise;
     }