@heycar/heycars-map 2.0.0-switchMap1 → 2.0.0-switchMap2

package/README.md

@@ -120,6 +120,12 @@ export interface BusinessGeolocationPositionError extends GeolocationPositionErr
   gmapKey={gmapApiKey}
   // 使用哪个地图供应商，目前两个供应商： amap 高德 / gmap 谷歌
   supplier={"amap"}
+  // 地图加载失败时显示的标题
+  renderLoadFailedTitle={() => (supplier === "gmap" ? "未能成功访问谷歌地图" : "高德地图加载失败")}
+  // 地图加载失败时显示的描述
+  renderLoadFailedDescription={() =>
+    supplier === "gmap" ? "请确认您的网络能正常访问谷歌地图， \n或切回高德地图" : undefined
+  }
 >
   ...
 </MapProvider>
@@ -134,6 +140,8 @@ export interface BusinessGeolocationPositionError extends GeolocationPositionErr
   :amap-key="amapApiKey"
   :amap-secret="amapApiSecret"
   supplier="amap"
+  render-load-failed-title='() => supplier === "gmap" ? "未能成功访问谷歌地图" : "高德地图加载失败"'
+  render-load-failed-description='() => supplier === "gmap" ? "请确认您的网络能正常访问谷歌地图，\n或切回高德地图" : undefined'
 >
    ...
 </MapProvider>
@@ -431,36 +439,42 @@ import { BusinessQuotingMap, useBusinessQuotingMap } from "@heycar/heycars-map";
 
 export default defineComponent({
   setup() {
-    const { mapContext } = useBusinessQuotingMap();
+    const { mapContext, toAmapCoordinateType } = useBusinessQuotingMap();
     return () => (
-      <BusinessQuotingMap
-        class={"demo"}
-        from={{
-          displayName: "The Malayan Council",
-          name: "10 Winstedt Rd, #01-17, Singapore 227977",
-          type: "wgs84",
-          lat: 1.311295,
-          lng: 103.841974,
-        }}
-        to={{
-          displayName: "CDG Engie Charging Station",
-          name: "21 Kent Ridge Rd, Singapore 119220",
-          type: "wgs84",
-          lat: 1.2966426,
-          lng: 103.7763939,
-        }}
-        fromDescription={"您将在此上车"}
-        renderDescription={({ distance, duration, tolls }) =>
-          `全程 *${distance / 1000}公里*  约行驶 *${duration}* 高速费用 *${tolls ?? 0}*元`
-        }
-        mapContext={mapContext}
-        onClickStartPoint={(place) => console.log("点击起点时触发 palce = ", place)}
-        onClickEndPoint={(place) => console.log("点击终点时触发 palce = ", place)}
-        onChangeGoogleConnection={(status) =>
-          // 根据目前的产品需求，连通性检测只会被检测一次。
-          console.log("谷歌连通性发生变化时触发，连通性状态是：", status)
-        }
-      />
+      <div>
+        <BusinessQuotingMap
+          class={"demo"}
+          from={{
+            displayName: "The Malayan Council",
+            name: "10 Winstedt Rd, #01-17, Singapore 227977",
+            type: "wgs84",
+            lat: 1.311295,
+            lng: 103.841974,
+          }}
+          to={{
+            displayName: "CDG Engie Charging Station",
+            name: "21 Kent Ridge Rd, Singapore 119220",
+            type: "wgs84",
+            lat: 1.2966426,
+            lng: 103.7763939,
+          }}
+          fromDescription={"您将在此上车"}
+          renderDescription={({ distance, duration, tolls }) =>
+            `全程 *${distance / 1000}公里*  约行驶 *${duration}* 高速费用 *${tolls ?? 0}*元`
+          }
+          mapContext={mapContext}
+          onClickStartPoint={(place) => console.log("点击起点时触发 palce = ", place)}
+          onClickEndPoint={(place) => console.log("点击终点时触发 palce = ", place)}
+          onChangeGoogleConnection={(status) =>
+            // 根据目前的产品需求，连通性检测只会被检测一次。
+            console.log("谷歌连通性发生变化时触发，连通性状态是：", status)
+          }
+        />
+        <div>
+          经度 103.841974， 纬度 1.311295 在高德地图上的坐标类型是:
+          {toAmapCoordinateType([103.841974, 1.311295])}
+      </div>
+      <div>
     );
   },
 });

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, ref } from "vue-demi";
-import { DemoBusinessTaxiService } from "./Demo/DemoBusinessTaxiService.js";
+import { DemoBusinessQuoting } from "./Demo/DemoBusinessQuoting.js";
 import { MapProvider } from "./components/MapProvider/MapProvider.js";
 const gmapApiKey = "AIzaSyCRtkaNSWMOhOXDOUpJK4OVbm5RIstYj-I";
 const gmapId = "d0af0c05331af64a";
@@ -19,9 +19,11 @@ const App = defineComponent({
         "gmapRasterId": gmapRasterId,
         "gmapKey": gmapApiKey,
         "language": "en",
-        "supplier": supplierRef.value
+        "supplier": supplierRef.value,
+        "renderLoadFailedTitle": () => supplierRef.value === "gmap" ? "未能成功访问谷歌地图" : "高德地图加载失败",
+        "renderLoadFailedDescription": () => supplierRef.value === "gmap" ? "请确认您的网络能正常访问谷歌地图， \n或切回高德地图" : void 0
       }
-    }, [h(DemoBusinessTaxiService)]);
+    }, [h(DemoBusinessQuoting)]);
   }
 });
 export {

package/dist/v2/Demo/DemoBusinessQuoting.js

@@ -5,7 +5,8 @@ import { defineSetup } from "../types/helper.js";
 import { d as demo } from "../chunks/Demo.css.e921a2f6.js";
 const DemoBusinessQuoting = defineSetup("DemoBusinessQuoting", function() {
   const {
-    mapContext
+    mapContext,
+    toAmapCoordinateType
   } = useBusinessQuotingMap();
   return () => h("div", [h(BusinessQuotingMap, {
     "class": demo,
@@ -36,7 +37,7 @@ const DemoBusinessQuoting = defineSetup("DemoBusinessQuoting", function() {
       "clickStartPoint": (place) => console.log("点击起点时触发 palce = ", place),
       "clickEndPoint": (place) => console.log("点击终点时触发 palce = ", place)
     }
-  })]);
+  }), h("div", ["经度 103.841974， 纬度 1.311295 在高德地图上的坐标类型是:", toAmapCoordinateType([103.841974, 1.311295])])]);
 });
 export {
   DemoBusinessQuoting

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

@@ -5,3 +5,4 @@ export declare const ICON_END_POINT_EN_URL = "https://overseas-oss.heycars.cn/he
 export declare const ICON_END_POINT_ZH_TW_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/end-point-zh-TW.svg";
 export declare const ICON_TAXI_CAR_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/taxi-car.svg";
 export declare const ICON_DOT_LOADING_URL = "https://overseas-oss.heycars.cn/heycar-map/gif/dot-loading.gif";
+export declare const ICON_LOAD_FAILED_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/load-failed.svg";

package/dist/v2/api/cdn.js

@@ -5,12 +5,14 @@ const ICON_END_POINT_EN_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/en
 const ICON_END_POINT_ZH_TW_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/end-point-zh-TW.svg";
 const ICON_TAXI_CAR_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/taxi-car.svg";
 const ICON_DOT_LOADING_URL = "https://overseas-oss.heycars.cn/heycar-map/gif/dot-loading.gif";
+const ICON_LOAD_FAILED_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/load-failed.svg";
 export {
   AMAP_DEFAULT_MARKER_ICON_URL,
   ICON_DOT_LOADING_URL,
   ICON_END_POINT_EN_URL,
   ICON_END_POINT_ZH_TW_URL,
   ICON_FULL_SCREEN_URL,
+  ICON_LOAD_FAILED_URL,
   ICON_START_POINT_EN_URL,
   ICON_TAXI_CAR_URL
 };

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

@@ -45,5 +45,5 @@ export interface BusinessRecomendPlaceMapProps extends CoordinatifyProps<Omit<He
     onClickLocatorText?: AbsoluteAddressBoxProps["onClickText"];
     onClickLocatorPhoto?: AbsoluteAddressBoxProps["onClickPhoto"];
 }
-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>;
+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" | "changePlace" | "loadGeoLocation" | "loadDefaultGeoLocation" | "changeByDrag" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "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" | "changePlace" | "loadGeoLocation" | "loadDefaultGeoLocation" | "changeByDrag" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", BusinessRecomendPlaceMapProps>;

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

@@ -3,5 +3,5 @@ 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"> {
     defaultPlace?: CoordinatePlace;
 }
-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>;
+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>>, "changePlace" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "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>>, "changePlace" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", BusinessReselectPlaceMapProps>;

package/dist/v2/chunks/{Loading.fc6e75d0.js → Loading.da68a2a6.js}

@@ -1,11 +1,17 @@
-import "../css/Loading-523061b9.css";
+import "../css/Loading-0e058b68.css";
 import { h } 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 description = "_17ify496";
+var iconLayout = "_17ify492";
+var iconLoadFailed = "_17ify493";
 var loadingBg = "_17ify491";
 var loadingLayout = "_17ify490";
+var textLayout = "_17ify494";
+var title = "_17ify495";
 const Loading = defineSetup("Loading", function() {
   return () => h("div", {
     "class": loadingLayout
@@ -21,7 +27,31 @@ const Loading = defineSetup("Loading", function() {
     }
   })]);
 });
+const LoadFailed = defineSetup("LoadFailed", function(props) {
+  return () => h("div", {
+    "class": loadingLayout
+  }, [h("img", {
+    "class": loadingBg,
+    "attrs": {
+      "src": imgGrid
+    }
+  }), h("div", {
+    "class": iconLayout
+  }, [h("img", {
+    "class": iconLoadFailed,
+    "attrs": {
+      "src": ICON_LOAD_FAILED_URL
+    }
+  }), h("div", {
+    "class": textLayout
+  }, [h("span", {
+    "class": title
+  }, [props.title]), h("span", {
+    "class": description
+  }, [props.description])])])]);
+});
 export {
   Loading as L,
+  LoadFailed as a,
   imgGrid as i
 };

package/dist/v2/chunks/throttle.8bdd8d3b.js

@@ -0,0 +1,20 @@
+import { i as isObject, d as debounce } from "./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
+  });
+}
+export {
+  throttle as t
+};

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

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

package/dist/v2/components/Loading/Loading.d.ts

@@ -1 +1,7 @@
 export declare const Loading: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<unknown>, 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<unknown, Required<unknown>>, never, unknown>;
+interface LoadFailedProps {
+    title?: string;
+    description?: string;
+}
+export declare const LoadFailed: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<LoadFailedProps>, 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<LoadFailedProps, Required<LoadFailedProps>>, never, LoadFailedProps>;
+export {};

package/dist/v2/components/Loading/Loading.js

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

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

@@ -1,4 +1,5 @@
-import { L } from "../../chunks/Loading.fc6e75d0.js";
+import { a, L } from "../../chunks/Loading.da68a2a6.js";
 export {
+  a as LoadFailed,
   L as Loading
 };

package/dist/v2/components/MapProvider/MapProvider.d.ts

@@ -5,8 +5,8 @@ import { type GmapLoaderProps, type UseMapLoaderProps } from "../../hooks/useMap
 import { type MapSupplierPayolad } from "../../hooks/useMapSupplier";
 import type { AmapMap } from "../../types/interface";
 import { type AmapProps } from "../Amap";
-export type MapProviderProps = UseMapLoaderProps & Pick<MapSupplierPayolad, "gmapId" | "gmapRasterId">;
-export declare const MapProvider: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<MapProviderProps>, 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<MapProviderProps, Required<MapProviderProps>>, "change", MapProviderProps>;
+export type MapProviderProps = UseMapLoaderProps & Pick<MapSupplierPayolad, "gmapId" | "gmapRasterId" | "renderLoadFailedTitle" | "renderLoadFailedDescription">;
+export declare const MapProvider: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<MapProviderProps>, 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<MapProviderProps, Required<MapProviderProps>>, "success" | "fail", MapProviderProps>;
 export interface HeycarMapProps extends Pick<GmapLoaderProps, "fallback" | "loading">, Pick<AmapProps, "center" | "zoom"> {
     mapRef?: SetMap<AmapMap> | SetMap<google.maps.Map>;
     outerArea?: () => VueNode;

package/dist/v2/components/MapProvider/MapProvider.js

@@ -1,6 +1,6 @@
 import "../../css/MapProvider-156bfd53.css";
 import { h } from "vue";
-import { L as Loading, i as imgGrid } from "../../chunks/Loading.fc6e75d0.js";
+import { L as Loading, a as LoadFailed, i as imgGrid } from "../../chunks/Loading.da68a2a6.js";
 import { useMapLoader, Status } from "../../hooks/useMapLoader.js";
 import { provideMapSupplier, useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineLagecySetup } from "../../types/helper.js";
@@ -36,7 +36,7 @@ const MapProvider = defineLagecySetup("MapProvider", function(props, {
     var _a;
     return h("div", [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
   };
-}).props(["amapKey", "amapSecret", "amapServiceHost", "gmapId", "gmapRasterId", "gmapKey", "supplier", "language"]);
+}).props(["amapKey", "amapSecret", "amapServiceHost", "gmapId", "gmapRasterId", "gmapKey", "supplier", "language", "renderLoadFailedTitle", "renderLoadFailedDescription"]);
 const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
   slots,
   emit,
@@ -64,7 +64,7 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
   const handleResize = () => emit("resize");
   loadTraditionalChineseConvertOnce(payload.language === "zh-TW");
   return () => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const {
       supplier,
       gmapId,
@@ -83,12 +83,19 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
       const node = (_a = slots.loading) == null ? void 0 : _a.call(slots);
       return node ? h("div", [node]) : h(Loading);
     }
-    if (status === Status.FAILURE) {
+    if (status === Status.FAILURE || status === Status.TIMEOUT) {
       const node = (_b = slots.fallback) == null ? void 0 : _b.call(slots);
-      return node ? h("div", [node]) : h(Loading);
+      const title = (_c = payload.renderLoadFailedTitle) == null ? void 0 : _c.call(payload, status);
+      const description = (_d = payload.renderLoadFailedDescription) == null ? void 0 : _d.call(payload, status);
+      return node ? h("div", [node]) : h(LoadFailed, {
+        "attrs": {
+          "title": title,
+          "description": description
+        }
+      });
     }
-    const children = (_c = slots.default) == null ? void 0 : _c.call(slots);
-    const outArea = (_d = slots.outerArea) == null ? void 0 : _d.call(slots);
+    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({
       gmapId,
       gmapRasterId,
@@ -98,7 +105,7 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
     switch (supplier) {
       case "gmap":
         return h("div", {
-          "class": `${heycarMap} ${(_e = attrs.class) != null ? _e : ""}`,
+          "class": `${heycarMap} ${(_g = attrs.class) != null ? _g : ""}`,
           "attrs": {
             "lang": language
           },
@@ -129,7 +136,7 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
         }), outArea]);
       default:
         return h("div", {
-          "class": `${heycarMap} ${(_f = attrs.class) != null ? _f : ""}`,
+          "class": `${heycarMap} ${(_h = attrs.class) != null ? _h : ""}`,
           "attrs": {
             "lang": language
           },

package/dist/v2/css/Loading-0e058b68.css

@@ -0,0 +1,51 @@
+._17ify490 {
+  position: relative;
+  background-color: #EDF1F5;
+}
+._17ify491 {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+._17ify492 {
+  position: absolute;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: fit-content;
+  height: fit-content;
+}
+._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);
+}
+._17ify495 {
+  margin-top: 1.6vw;
+  font-family: var(--HEYCAR_MAP_CSS_VAR_FONT_REGULAR);
+  font-weight: 500;
+  font-size: 4vw;
+  color: #1E1E1E;
+  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;
+  color: #999BA1;
+  line-height: 6.4vw;
+  white-space: pre-line;
+  text-align: center;
+}

package/dist/v2/hooks/useDeviceOrientation.js

@@ -1,23 +1,7 @@
 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 { 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
-  });
-}
+import { t as throttle } from "../chunks/throttle.8bdd8d3b.js";
 const DEVICE_ORIENTATION_INTERVAL = 200;
 const CSS_DEVICE_ORIENTATION_VAR_PREFIX = "--CSS_DEVICE_ORIENTATION_VAR_ROTATION_DEGREE_";
 const useDeviceOrientation = (props) => {

package/dist/v2/hooks/useMapGCJ02.js

@@ -1,6 +1,6 @@
 import { AMAP_TO_GCJ02_TIMEOUT } from "../api/contants.js";
 import { lnglat2point } from "../utils/transform.js";
-import { useMapInChina } from "./useMapInChina.js";
+import { inChina, inHongkong, inMacau } from "./useMapInChina.js";
 import { useMapSupplier } from "./useMapSupplier.js";
 /**
  * @preserve
@@ -515,7 +515,6 @@ const exported = Object.assign(Object.assign({}, CRSTypes), {
 });
 const useAmapGCJ02 = () => {
   const { readyPromise } = useMapSupplier();
-  const { inChina } = useMapInChina();
   const toCoordinateType = (p) => {
     return inChina(p) ? "gcj02" : "wgs84";
   };
@@ -567,7 +566,6 @@ const useAmapGCJ02 = () => {
 };
 const useGmapGCJ02 = () => {
   const { readyPromise } = useMapSupplier();
-  const { inChina, inHongkong, inMacau } = useMapInChina();
   const toCoordinateType = (p) => {
     return inChina(p) && !inHongkong(p) && !inMacau(p) ? "gcj02" : "wgs84";
   };

package/dist/v2/hooks/useMapGraspRoad.js

@@ -3,7 +3,7 @@ import { apiGoogleSnapRoad } from "../api/googleSnapRoad.js";
 import { watchEffectForDeepOption } from "../utils/compare.js";
 import { lnglat2point, trackPoints2amapGraspRoadPoints } from "../utils/transform.js";
 import { useMapAngle } from "./useMapAngle.js";
-import { useMapInChina } from "./useMapInChina.js";
+import { inChina } from "./useMapInChina.js";
 import { useMapSupplier } from "./useMapSupplier.js";
 const GRASP_ROAD_INPUT_MIN_AMOUNT = 2;
 const GRASP_ROAD_INPUT_MAX_AMOUNT = 500;
@@ -12,7 +12,6 @@ const useAmapGraspRoad = (props) => {
   const pathRef = ref([]);
   const angleRef = ref(0);
   const { apiMapComputeHeading } = useMapAngle();
-  const { inChina } = useMapInChina();
   const apiMapToGraspRoadPath = (tracks) => {
     return new Promise((resolve) => {
       var _a, _b, _c;

package/dist/v2/hooks/useMapInChina.d.ts

@@ -1,16 +1,4 @@
 import { type Point } from "../types/interface";
-export declare const useMapInChina: () => {
-    inChina: (point: Point) => boolean;
-    inHongkong: (point: Point) => boolean;
-    inMacau: (point: Point) => boolean;
-};
-export declare const useAmapInChina: () => {
-    inChina: (point: Point) => boolean;
-    inHongkong: (point: Point) => boolean;
-    inMacau: (point: Point) => boolean;
-};
-export declare const useGmapInChina: () => {
-    inChina: (point: Point) => boolean;
-    inHongkong: (point: Point) => boolean;
-    inMacau: (point: Point) => boolean;
-};
+export declare const inChina: (point: Point) => boolean;
+export declare const inHongkong: (point: Point) => boolean;
+export declare const inMacau: (point: Point) => boolean;

package/dist/v2/hooks/useMapInChina.js

@@ -2593,22 +2593,17 @@ const macauBounds = [
     22.19885
   ]
 ];
-const useMapInChina = () => {
-  const inChina = (point) => {
-    return pointInPolygon(point, chinaBounds) >= 0;
-  };
-  const inHongkong = (point) => {
-    return pointInPolygon(point, hongkongBounds) >= 0;
-  };
-  const inMacau = (point) => {
-    return pointInPolygon(point, macauBounds) >= 0;
-  };
-  return { inChina, inHongkong, inMacau };
+const inChina = (point) => {
+  return pointInPolygon(point, chinaBounds) >= 0;
+};
+const inHongkong = (point) => {
+  return pointInPolygon(point, hongkongBounds) >= 0;
+};
+const inMacau = (point) => {
+  return pointInPolygon(point, macauBounds) >= 0;
 };
-const useAmapInChina = useMapInChina;
-const useGmapInChina = useMapInChina;
 export {
-  useAmapInChina,
-  useGmapInChina,
-  useMapInChina
+  inChina,
+  inHongkong,
+  inMacau
 };

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

@@ -7,6 +7,7 @@ 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"
 }
@@ -19,7 +20,7 @@ declare global {
         };
     }
 }
-export interface AmapLoaderProps extends Pick<GmapLoaderProps, "fallback" | "loading" | "onChange">, Omit<AMapLoaderOptions, "key" | "version" | "plugins"> {
+export interface AmapLoaderProps extends Pick<GmapLoaderProps, "fallback" | "loading" | "onSuccess" | "onFail">, Omit<AMapLoaderOptions, "key" | "version" | "plugins"> {
     apiKey: string;
     apiSecret?: string;
     apiServiceHost?: string;
@@ -42,11 +43,13 @@ export interface GmapLoaderProps extends LoaderOptions {
      */
     fallback?: () => VNodeChild;
     /**
-     * Callback prop used to access `@googlemaps/js-api-loader` and `Status`.
-     *
-     * Note: The callback be executed multiple times in the lifecycle of the component.
+     * 成功回调只会触发一次
      */
-    onChange?: (status: Status) => void;
+    onSuccess?: () => void;
+    /**
+     * 失败回调可能会触发多次
+     */
+    onFail?: () => void;
 }
 export declare const useGmapLoader: (props: GmapLoaderProps) => {
     statusRef: import("vue-demi").ShallowRef<Status>;
@@ -64,7 +67,8 @@ export interface UseMapLoaderProps {
     amapServiceHost?: string;
     supplier: MapSupplier;
     language: Language;
-    onChange?: (status: Status) => any;
+    onSuccess?: () => void;
+    onFail?: () => void;
 }
 export declare const useMapLoader: (props: UseMapLoaderProps) => UseMapLoaderOutput;
 export {};