@heycar/heycars-map 2.0.0-switchMap4 → 2.0.0-switchMap6

package/dist/v2/types/global.d.ts

@@ -20,3 +20,6 @@ declare global {
         deviceorientationabsolute: DeviceOrientationEvent;
     }
 }
+declare module "@amap/amap-jsapi-loader" {
+    const reset: () => void;
+}

package/dist/v2/types/interface.d.ts

@@ -93,7 +93,7 @@ export declare enum CenterPlaceStatus {
     SERVICE_UNAVAILABLE = "SERVICE_UNAVAILABLE",
     OK = "OK"
 }
-export type GoogleConnectionStatus = "pending" | "connected" | "unconnected";
+export type ConnectionStatus = "pending" | "connected" | "unconnected";
 export interface BusinessGeolocationPositionError extends GeolocationPositionError {
     isBusinessTimeout: boolean;
 }

package/dist/v2/utils/helper.d.ts

@@ -22,6 +22,7 @@ export declare const pausableSleep: (milliSeconds: number) => {
     restart: () => void;
 };
 export declare const createRunOnce: <P extends any[], R>(fn: (...args: P) => R) => (...args: P) => R;
+export declare const createOneConcurrent: <P extends any[], R>(fn: (...args: P) => Promise<R>) => (...args: P) => Promise<R> | undefined;
 export declare const createReadOnce: <T>(value: T) => () => T | undefined;
 export declare const createAsyncNoFailNonNullable: <P extends any[], R>(fn: (...args: P) => Promise<R>, defaultValue: NonNullable<R>) => (...args: P) => Promise<NonNullable<R>>;
 export declare const pipeTimeout: <P extends any[], R>(fn: (...args: P) => Promise<R>, defaultValue: R, timeout: number) => (...args: P) => Promise<R>;

package/dist/v2/utils/helper.js

@@ -93,6 +93,17 @@ const createRunOnce = (fn) => {
     return result;
   };
 };
+const createOneConcurrent = (fn) => {
+  let isRunning = false;
+  return function runOneConcurrent(...args) {
+    if (isRunning)
+      return;
+    isRunning = true;
+    const result = fn(...args);
+    result.finally(() => isRunning = false);
+    return result;
+  };
+};
 const createReadOnce = (value) => {
   let isRead = false;
   return function read() {
@@ -171,6 +182,7 @@ export {
   assertZone,
   createAbortable,
   createAsyncNoFailNonNullable,
+  createOneConcurrent,
   createReadOnce,
   createRunOnce,
   defered,

package/dist/v2/utils/log.js

@@ -1,6 +1,6 @@
 const availableLogKeys = /* @__PURE__ */ new Set();
 const pkgName = "@heycar/heycars-map";
-const pkgVersion = "2.0.0-switchMap4";
+const pkgVersion = "2.0.0-switchMap6";
 const isEnableLog = (name) => {
   const searchParam = new URLSearchParams(location.search);
   return searchParam.has(`log-${name}`);

package/dist/v3/api/pingConnection.d.ts

@@ -0,0 +1,9 @@
+import type { ConnectionStatus } from "../types/interface";
+export type PingConnectionOnChangeHandler = (status: ConnectionStatus) => void;
+export type PingConnectionOnChangeCleanup = () => void;
+export declare const apiGetPingAmapStatus: () => ConnectionStatus;
+export declare const apiGetPingGmapStatus: () => ConnectionStatus;
+export declare const apiPingAmap: () => Promise<ConnectionStatus>;
+export declare const apiPingGmap: () => Promise<ConnectionStatus>;
+export declare const apiSubscribePingAmapChange: (handler: PingConnectionOnChangeHandler) => PingConnectionOnChangeCleanup;
+export declare const apiSubscribePingGmapChange: (handler: PingConnectionOnChangeHandler) => PingConnectionOnChangeCleanup;

package/dist/v3/api/pingConnection.js

@@ -0,0 +1,107 @@
+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;
+};
+import { sleep } from "../utils/helper.js";
+const PING_AMAP_URL = "https://webapi.amap.com/favicon.ico";
+const PING_AMAP_TIMEOUT = 5e3;
+const PING_AMAP_INTERVAL = 5e3;
+const PING_GMAP_URL = "https://maps.googleapis.com/";
+const PING_GMAP_TIMEOUT = 5e3;
+const PING_GMAP_INTERVAL = 5e3;
+const noop = () => {
+};
+const toUncachableUrl = (url, label = "") => {
+  const parsedUrl = new URL(url);
+  const randomKey = `ping${Date.now()}`;
+  parsedUrl.searchParams.set(randomKey, label);
+  return parsedUrl.toString();
+};
+class PingConnection {
+  constructor({ timeout, url }) {
+    __publicField(this, "timeout");
+    __publicField(this, "url");
+    __publicField(this, "status", "pending");
+    __publicField(this, "listeners", /* @__PURE__ */ new Set());
+    __publicField(this, "updatingPromise");
+    this.timeout = timeout;
+    this.url = url;
+  }
+  // 只有订阅了 onChange 事件，listen 才会更新状态
+  async listen(interval) {
+    while (true) {
+      if (this.listeners.size > 0)
+        await this.updateStatus();
+      await sleep(interval);
+    }
+  }
+  async updateStatus() {
+    const { url, timeout } = this;
+    if (this.updatingPromise)
+      return this.updatingPromise;
+    return this.updatingPromise = this.check(url, timeout).then((status) => {
+      this.status = status;
+      this.updatingPromise = void 0;
+      for (const handler of this.listeners) {
+        try {
+          handler(status);
+        } catch (err) {
+          console.error(err);
+        }
+      }
+      return status;
+    });
+  }
+  check(url, timeout) {
+    const controller = new AbortController();
+    const timer = setTimeout(() => controller.abort(), timeout);
+    return fetch(toUncachableUrl(url, timeout.toString()), {
+      signal: controller.signal,
+      method: "HEAD",
+      mode: "no-cors"
+    }).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 pingAmapConnection = new PingConnection({
+  timeout: PING_AMAP_TIMEOUT,
+  url: PING_AMAP_URL
+});
+const pingGmapConnection = new PingConnection({
+  timeout: PING_GMAP_TIMEOUT,
+  url: PING_GMAP_URL
+});
+pingAmapConnection.listen(PING_AMAP_INTERVAL);
+pingGmapConnection.listen(PING_GMAP_INTERVAL);
+const apiGetPingAmapStatus = () => {
+  return pingAmapConnection.status;
+};
+const apiGetPingGmapStatus = () => {
+  return pingGmapConnection.status;
+};
+const apiPingAmap = () => {
+  return pingAmapConnection.updateStatus();
+};
+const apiPingGmap = () => {
+  return pingGmapConnection.updateStatus();
+};
+const apiSubscribePingAmapChange = (handler) => pingAmapConnection.onChange(handler);
+const apiSubscribePingGmapChange = (handler) => pingGmapConnection.onChange(handler);
+export {
+  apiGetPingAmapStatus,
+  apiGetPingGmapStatus,
+  apiPingAmap,
+  apiPingGmap,
+  apiSubscribePingAmapChange,
+  apiSubscribePingGmapChange
+};

package/dist/v3/chunks/{Loading.32ae3c98.js → Loading.21d8e759.js}

@@ -41,7 +41,7 @@ const LoadFailed = defineSetup("LoadFailed", function(props) {
   }, [props.description])])]);
 });
 export {
-  Loading as L,
-  LoadFailed as a,
+  LoadFailed as L,
+  Loading as a,
   imgGrid as i
 };

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

@@ -1,9 +1,9 @@
 import "vue";
 import "../../api/cdn.js";
-import { a, L } from "../../chunks/Loading.32ae3c98.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.32ae3c98.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.32ae3c98.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/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/useDrivingRoute.js

@@ -23,6 +23,8 @@ const useADrivingRoute = (props) => {
               const drivingResult = result;
               const routeSteps = [];
               const firstRoute = drivingResult.routes[0];
+              if (!firstRoute)
+                return resolve({ path: [], distance: 0, duration: 0, steps: [] });
               for (const step of firstRoute.steps) {
                 const basicStep = step;
                 const stepPath = basicStep.path.map(({ lng, lat }) => [lng, lat]);
@@ -83,6 +85,8 @@ const useGDrivingRoute = (props) => {
               let duration = 0;
               const routeSteps = [];
               const firstRoute = result.routes[0];
+              if (!firstRoute)
+                return resolve({ path: [], distance: 0, duration: 0, steps: [] });
               for (const leg of firstRoute.legs) {
                 distance += (_b = (_a = leg.distance) == null ? void 0 : _a.value) != null ? _b : 0;
                 duration += (_d = (_c = leg.duration) == null ? void 0 : _c.value) != null ? _d : 0;

package/dist/v3/hooks/useMapGCJ02.js

@@ -1,5 +1,3 @@
-import { AMAP_TO_GCJ02_TIMEOUT } from "../api/contants.js";
-import { lnglat2point } from "../utils/transform.js";
 import { inChina, inHongkong, inMacau } from "./useMapInChina.js";
 import { useMapSupplier } from "./useMapSupplier.js";
 /**
@@ -514,7 +512,6 @@ const exported = Object.assign(Object.assign({}, CRSTypes), {
   transform
 });
 const useAmapGCJ02 = () => {
-  const { readyPromise } = useMapSupplier();
   const toCoordinateType = (p) => {
     return inChina(p) ? "gcj02" : "wgs84";
   };
@@ -531,34 +528,9 @@ const useAmapGCJ02 = () => {
     }
   };
   const toLocalGcj02Points = (points) => points.map(toLocalGcj02);
-  async function toGcj02Points(points) {
-    await readyPromise;
-    return new Promise((resolve) => {
-      let isHandled = false;
-      AMap.convertFrom(
-        [...points],
-        "gps",
-        (_, result) => {
-          if (isHandled)
-            return;
-          isHandled = true;
-          if (result.info === "ok") {
-            resolve(result.locations.map(lnglat2point));
-          } else {
-            console.warn("警告: 高德坐标转换请求失败，启用本地转换");
-            resolve(toLocalGcj02Points(points));
-          }
-        }
-      );
-      setTimeout(() => {
-        if (isHandled)
-          return;
-        isHandled = true;
-        console.warn("警告: 高德坐标转换请求超时，启用本地转换");
-        resolve(toLocalGcj02Points(points));
-      }, AMAP_TO_GCJ02_TIMEOUT);
-    });
-  }
+  const toGcj02Points = async (points) => {
+    return toLocalGcj02Points(points);
+  };
   function toGcj02(point) {
     return toGcj02Points([point]).then(([result]) => result);
   }

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;
     }