@heycar/heycars-map 2.9.0 → 2.11.0

package/dist/v2/utils/compatibleWalkingRoute.js

@@ -1,5 +1,6 @@
 import { apiGaodeDirectionWalking } from "../api/gaodeDirectionWalking.js";
 import { apiGoogleDirections } from "../api/googleDirections.js";
+import { apiGoogleRoutes } from "../api/googleRoutes.js";
 const isIgnoredAmapTimeoutError = (err) => err === "RETURN_TIMEOUT";
 function amapJsApiWalkingRoute(from, to, amapWalking) {
   return new Promise((resolve, reject) => {
@@ -79,7 +80,7 @@ function gmapJsApiWalkingRoute(from, to, gmapDirectionsService) {
     );
   });
 }
-async function googleServiceApiWalkingRoute(from, to, proxyUrl) {
+async function googleServiceApiWalkingDirection(from, to, proxyUrl) {
   const { status, routes, error_message } = await apiGoogleDirections({
     proxyUrl,
     mode: "WALKING",
@@ -99,9 +100,36 @@ async function googleServiceApiWalkingRoute(from, to, proxyUrl) {
       throw Error(error_message != null ? error_message : status);
   }
 }
+async function googleServiceApiWalkingRoute(from, to, proxyUrl) {
+  const { routes } = await apiGoogleRoutes({
+    proxyUrl,
+    origin: {
+      location: {
+        latLng: {
+          latitude: from[1],
+          longitude: from[0]
+        }
+      }
+    },
+    destination: {
+      location: {
+        latLng: {
+          latitude: to[1],
+          longitude: to[0]
+        }
+      }
+    }
+  });
+  const firstRoute = routes == null ? void 0 : routes[0];
+  if (!firstRoute)
+    return [];
+  const path = firstRoute.path.map(({ lng, lat }) => [lng(), lat()]);
+  return path;
+}
 export {
   amapJsApiWalkingRoute,
   gaodeServiceApiWalkingRoute,
   gmapJsApiWalkingRoute,
+  googleServiceApiWalkingDirection,
   googleServiceApiWalkingRoute
 };

package/dist/v2/utils/log.js

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

package/dist/v3/App.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
 import { defineComponent, ref } from "vue-demi";
-import { DemoBusinessRecomendPlace } from "./Demo/DemoBusinessRecomendPlace.js";
+import { DemoBusinessQuoting } from "./Demo/DemoBusinessQuoting.js";
 import { MapProvider } from "./components/MapProvider/MapProvider.js";
 const gmapApiKey = "AIzaSyCCOe8MAeS3EYvSraKsBX6ztVyLxj69z94";
 const gmapId = "d0af0c05331af64a";
@@ -8,7 +8,7 @@ const amapApiKey = "fcb7b14c930354a248e21f4031dfa179";
 const amapApiSecret = "11ad0e3d585b80d18b1ada5b0d947c4a";
 const App = /* @__PURE__ */ defineComponent({
   setup() {
-    const supplierRef = ref("amap");
+    const supplierRef = ref("gmap");
     window.supplierRef = supplierRef;
     return () => createVNode(MapProvider, {
       "amapKey": amapApiKey,
@@ -17,13 +17,15 @@ const App = /* @__PURE__ */ defineComponent({
       "gmapKey": gmapApiKey,
       "language": "en",
       "supplier": supplierRef.value,
+      "googleSnapRoadProxyUrl": "/overseas/maps/snapToRoads",
+      "googleRoutesProxyUrl": "/overseas/maps/routes/directions",
       "renderLoadFailedTitle": () => supplierRef.value === "gmap" ? "未能成功访问谷歌地图" : "高德地图加载失败",
       "renderLoadFailedDescription": () => supplierRef.value === "gmap" ? "请确认您的网络能正常访问谷歌地图， \n或切回高德地图" : void 0,
       "onSuccess": () => console.log(`${supplierRef.value} load success`),
       "onFail": () => console.log(`${supplierRef.value} load failed`),
       "onDownloadOptimizeEnd": () => console.log(`${supplierRef.value} load download optimize end`)
     }, {
-      default: () => [createVNode(DemoBusinessRecomendPlace, null, null)]
+      default: () => [createVNode(DemoBusinessQuoting, null, null)]
     });
   }
 });

package/dist/v3/Demo/DemoBusinessRecomendPlace.js

@@ -126,7 +126,10 @@ const DemoBusinessRecomendPlace = defineSetup("DemoBusinessRecomendPlace", funct
       "getAvailable": () => Promise.resolve(true),
       "getRecomendPlace": getRecomendPlace,
       "renderPlacePhoto": (place) => {
-        return "https://oss-now.heycars.cn/image/graphicGuidance/file/hmlh38_xs6_DdksNX0_TbgF0lKXp.jpg";
+        return {
+          title: "图文引导",
+          src: "https://oss-now.heycars.cn/image/graphicGuidance/file/hmlh38_xs6_DdksNX0_TbgF0lKXp.jpg"
+        };
       },
       "renderPlaceTag": (place) => {
         return "最近使用";

package/dist/v3/Demo/DemoBusinessReselectPlace.js

@@ -130,7 +130,10 @@ const DemoBusinessReselectPlace = defineSetup("DemoBusinessReselectPlace", funct
       "getAvailable": () => Promise.resolve(true),
       "getRecomendPlace": getRecomendPlace,
       "renderPlacePhoto": (place) => {
-        return "https://oss-now.heycars.cn/image/graphicGuidance/file/hmlh38_xs6_DdksNX0_TbgF0lKXp.jpg";
+        return {
+          title: "图文引导",
+          src: "https://oss-now.heycars.cn/image/graphicGuidance/file/hmlh38_xs6_DdksNX0_TbgF0lKXp.jpg"
+        };
       },
       "renderPlaceTag": (place) => {
         return "最近使用";

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

@@ -0,0 +1,27 @@
+/// <reference types="google.maps" />
+import type { protos } from "@googlemaps/routing";
+type GoogleRoutesMeasurableObject = {
+    distanceMeters?: number;
+    staticDuration?: string;
+    staticDurationSeconds?: number;
+    duration?: string;
+    durationSeconds?: number;
+};
+type GoogleRoutesStep = Omit<protos.google.maps.routing.v2.IRouteLegStep, "staticDuration"> & GoogleRoutesMeasurableObject & {
+    path: google.maps.LatLng[];
+};
+type GoogleRoutesLeg = Omit<protos.google.maps.routing.v2.IRouteLeg, "steps" | "staticDuration" | "duration"> & GoogleRoutesMeasurableObject & {
+    steps: GoogleRoutesStep[];
+};
+type GoogleRoutesRoute = Omit<protos.google.maps.routing.v2.IRoute, "legs" | "staticDuration" | "duration"> & GoogleRoutesMeasurableObject & {
+    legs: GoogleRoutesLeg[];
+    path: google.maps.LatLng[];
+};
+export interface GoogleRoutesResponse {
+    routes: GoogleRoutesRoute[];
+}
+interface ApiGoogleRoutesProps extends protos.google.maps.routing.v2.IComputeRoutesRequest {
+    proxyUrl?: string;
+}
+export declare function apiGoogleRoutes(props: ApiGoogleRoutesProps): Promise<GoogleRoutesResponse>;
+export {};

package/dist/v3/api/googleRoutes.js

@@ -0,0 +1,135 @@
+import { googleEncodedPolyline2googleLatLng } from "../utils/transform.js";
+import { isProxyServiceError, createTypeError } from "../utils/typeChecking.js";
+const ALL_ROUTES_STATUS = [
+  "OK",
+  "CANCELLED",
+  "UNKNOWN",
+  "INVALID_ARGUMENT",
+  "DEADLINE_EXCEEDED",
+  "NOT_FOUND",
+  "ALREADY_EXISTS",
+  "PERMISSION_DENIED",
+  "UNAUTHENTICATED",
+  "RESOURCE_EXHAUSTED",
+  "FAILED_PRECONDITION",
+  "ABORTED",
+  "OUT_OF_RANGE",
+  "UNIMPLEMENTED",
+  "INTERNAL",
+  "UNAVAILABLE",
+  "DATA_LOSS"
+];
+const isGoogleRoutesStatus = (value) => {
+  return typeof value === "string" && ALL_ROUTES_STATUS.includes(value);
+};
+const isGoogleRoutesError = (value) => {
+  return typeof value === "object" && value !== null && "error" in value && typeof value.error === "object" && value.error !== null && "code" in value.error && typeof value.error.code === "number" && "message" in value.error && typeof value.error.message === "string" && "status" in value.error && isGoogleRoutesStatus(value.error.status);
+};
+const isGoogleRoutesMeasurableObject = (value) => {
+  if (typeof value !== "object" || value === null || !("distanceMeters" in value) || typeof value.distanceMeters !== "number" || !("staticDuration" in value) || typeof value.staticDuration !== "string" || !value.staticDuration.endsWith("s")) {
+    return false;
+  }
+  value.staticDurationSeconds = Number(
+    value.staticDuration.slice(0, -1)
+  );
+  if (!("duration" in value))
+    return true;
+  if (typeof value.duration !== "string" || !value.duration.endsWith("s"))
+    return false;
+  value.durationSeconds = Number(value.duration.slice(0, -1));
+  return true;
+};
+const isGoogleRoutesPolyline = (value) => {
+  return typeof value === "object" && value !== null && "encodedPolyline" in value && typeof value.encodedPolyline === "string";
+};
+function assertGoogleRoutesStep(value) {
+  const error = createTypeError("GoogleRoutesStep", value);
+  if (!isGoogleRoutesMeasurableObject(value))
+    throw error;
+  if (!("polyline" in value) || value.polyline === null) {
+    value.path = [];
+    return;
+  }
+  if (!isGoogleRoutesPolyline(value.polyline))
+    throw error;
+  value.path = googleEncodedPolyline2googleLatLng(
+    value.polyline.encodedPolyline
+  );
+}
+function assertGoogleRoutesLeg(value) {
+  if (!isGoogleRoutesMeasurableObject(value) || !("steps" in value) || !Array.isArray(value.steps))
+    throw createTypeError("GoogleRoutesLeg", value);
+  try {
+    for (const step of value.steps) {
+      assertGoogleRoutesStep(step);
+    }
+  } catch (error) {
+    const { message: detail } = error;
+    throw createTypeError("GoogleRoutesLeg", value, detail);
+  }
+}
+function assertGoogleRoutesRoute(value) {
+  if (typeof value !== "object" || value === null || !("legs" in value) || !Array.isArray(value.legs) || !("polyline" in value) || !isGoogleRoutesPolyline(value.polyline))
+    throw createTypeError("GoogleRoutesRoute", value);
+  value.path = googleEncodedPolyline2googleLatLng(
+    value.polyline.encodedPolyline
+  );
+  try {
+    for (const leg of value.legs) {
+      assertGoogleRoutesLeg(leg);
+    }
+  } catch (error) {
+    const { message: detail } = error;
+    throw createTypeError("GoogleRoutesRoute", value, detail);
+  }
+}
+function assertGoogleRoutesResponse(value) {
+  if (typeof value !== "object" || value === null || !("routes" in value) || !Array.isArray(value.routes))
+    throw createTypeError("GoogleRoutesResponse", value);
+  try {
+    for (const route of value.routes) {
+      assertGoogleRoutesRoute(route);
+    }
+  } catch (error) {
+    const { message: detail } = error;
+    throw createTypeError("GoogleRoutesResponse", value, detail);
+  }
+}
+async function apiGoogleRoutes(props) {
+  const { proxyUrl, ...request } = props;
+  if (!proxyUrl) {
+    console.warn("Warning: google routes service is bypassed due to proxyUrl is not provided!");
+    return { routes: [] };
+  }
+  const { protocol, host } = location;
+  const baseUrl = proxyUrl.startsWith(protocol) ? void 0 : `${protocol}//${host}`;
+  const url = new URL(proxyUrl, baseUrl);
+  const response = await fetch(url, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(request)
+  });
+  if (response.ok) {
+    const result = await response.json();
+    assertGoogleRoutesResponse(result);
+    return result;
+  }
+  const error = await response.json();
+  if (isProxyServiceError(error)) {
+    const { code, msg } = error;
+    throw new Error(`apiGoogleRoutes proxy failed code: ${code}, msg: ${msg}`);
+  }
+  if (isGoogleRoutesError(error)) {
+    const {
+      error: { status, message }
+    } = error;
+    throw new Error(`apiGoogleRoutes failed status: ${status}, message: 
+${message}`);
+  }
+  throw new Error(
+    `apiGoogleRoutes failed with unrecognized server response: ${JSON.stringify(error)}`
+  );
+}
+export {
+  apiGoogleRoutes
+};

package/dist/v3/business-components/AbsoluteAddressBox/AbsoluteAddressBox.css.d.ts

@@ -15,6 +15,9 @@ export declare const boxTextLayout: import("@vanilla-extract/recipes").RuntimeFn
 }>;
 export declare const boxPhotoLayout: string;
 export declare const boxPhoto: string;
+export declare const boxPhotoDescriptionLayout: string;
+export declare const boxPhotoArrow: string;
+export declare const boxPhotoDescription: string;
 export declare const boxPhotoIcon: string;
 export declare const boxTitle: string;
 export declare const boxDescription: string;

package/dist/v3/business-components/AbsoluteAddressBox/AbsoluteAddressBox.d.ts

@@ -1,8 +1,12 @@
+interface AddressBoxPhoto {
+    src: string;
+    title?: string;
+}
 export interface AbsoluteAddressBoxProps {
     type: "box" | "locator" | "loading";
     title: string;
     description?: string;
-    photo?: string;
+    photo?: AddressBoxPhoto;
     withArrow?: boolean;
     onClickText?: () => any;
     onClickPhoto?: () => any;
@@ -10,3 +14,4 @@ export interface AbsoluteAddressBoxProps {
 export declare const AbsoluteAddressBox: import("vue-demi").DefineComponent<import("vue-demi").ComponentObjectPropsOptions<AbsoluteAddressBoxProps>, 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<AbsoluteAddressBoxProps, Required<AbsoluteAddressBoxProps>>, "clickText" | "clickPhoto", import("vue-demi").PublicProps, AbsoluteAddressBoxProps, AbsoluteAddressBoxProps, import("vue-demi").SlotsType<{} & {
     default?: import("../../demi-polyfill").Slot | undefined;
 }>>;
+export {};

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

@@ -1,29 +1,32 @@
-import "../../css/AbsoluteAddressBox-ea4f4761.css";
+import "../../css/AbsoluteAddressBox-7502ed45.css";
 import { createVNode } from "vue";
 import { computed } from "vue-demi";
-import { ICON_DOT_LOADING_URL, ICON_FULL_SCREEN_URL } from "../../api/cdn.js";
+import { ICON_DOT_LOADING_URL } from "../../api/cdn.js";
 import { i as imgAddressLocator } from "../../chunks/address-locator.98305e58.js";
 import { i as imgArrowRight } from "../../chunks/arrow-right.eedc7433.js";
 import { defineSetup } from "../../types/helper.js";
 import { c as createRuntimeFn } from "../../chunks/vanilla-extract-recipes-createRuntimeFn.esm.bd6fc290.js";
 const imgBubbleRightArc = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgyLjEzMWExMCAxMCAwIDAxOS42OTYgNy41NTJMMTggMzJILjA0MkwwIDB6IiBmaWxsPSIjMjUzRTdBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=";
+const imgGuideArrow = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyIiBoZWlnaHQ9IjYiPgogIDxwYXRoIGQ9Ik0uNTE2IDEuMTAzQS4zLjMgMCAwMDAgMS4zMXYyLjY2OGEuMy4zIDAgMDAuNTE2LjIwOEwxLjggMi44NTNhLjMuMyAwIDAwMC0uNDE2TC41MTYgMS4xMDN6IiBmaWxsPSIjRkZGIiAvPgo8L3N2Zz4=";
 const AbsoluteAddressBox_css_ts_vanilla = "";
 var absoluteAddressBox = "n8tgem1";
 var absoluteAddressBoxLayout = "n8tgem0";
-var arrowRight = "n8tgemg";
+var arrowRight = "n8tgemj";
 var boxBody = "n8tgem2";
 var boxHeader = "n8tgem3";
 var boxHeaderIcon = "n8tgem4";
 var boxHeaderText = "n8tgem5";
 var boxPhoto = "n8tgemb";
-var boxPhotoIcon = "n8tgemc";
+var boxPhotoArrow = "n8tgemd";
+var boxPhotoDescription = "n8tgeme";
+var boxPhotoDescriptionLayout = "n8tgemc";
 var boxPhotoLayout = "n8tgema";
 var boxTextClickableArea = "n8tgem6";
 var boxTextLayout = createRuntimeFn({ defaultClassName: "n8tgem7", variantClassNames: { withArrow: { true: "n8tgem8", false: "n8tgem9" } }, defaultVariants: {}, compoundVariants: [] });
-var boxTitle = "n8tgemd";
-var imgDotLoading = "n8tgemf";
-var locatorIcon = "n8tgemi";
-var straightLine = "n8tgemh";
+var boxTitle = "n8tgemg";
+var imgDotLoading = "n8tgemi";
+var locatorIcon = "n8tgeml";
+var straightLine = "n8tgemk";
 const MultilineTitle = defineSetup("MultilineTitle", function(props, {
   attrs
 }) {
@@ -80,16 +83,21 @@ const AbsoluteAddressBox = defineSetup("AbsoluteAddressBox", function(props, {
       "src": imgBubbleRightArc
     }, null)]), createVNode("div", {
       "class": boxBody
-    }, [!!photo && createVNode("div", {
+    }, [!!(photo == null ? void 0 : photo.src) && createVNode("div", {
       "class": boxPhotoLayout
     }, [createVNode("img", {
       "class": boxPhoto,
-      "src": photo,
+      "src": photo.src,
       "onClick": handleClickPhoto
-    }, null), createVNode("img", {
-      "class": boxPhotoIcon,
-      "src": ICON_FULL_SCREEN_URL
-    }, null)]), createVNode("div", {
+    }, null), !!photo.title && createVNode("div", {
+      "class": boxPhotoDescriptionLayout,
+      "onClick": handleClickPhoto
+    }, [createVNode("div", {
+      "class": boxPhotoDescription
+    }, [photo.title]), createVNode("img", {
+      "class": boxPhotoArrow,
+      "src": imgGuideArrow
+    }, null)])]), createVNode("div", {
       "class": boxTextClickableArea,
       "onClick": handleClickText
     }, [createVNode("div", {

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

@@ -33,7 +33,10 @@ export interface BusinessRecomendPlaceMapProps extends CoordinatifyProps<Omit<He
     geoErrorOnceNotificationKey?: string;
     mapContext: CoordinatifyProps<BusinessRecomendPlaceContext>;
     defaultCenterPlace?: CoordinatePlace | ((place?: CoordinatePlace) => CoordinatePlace | undefined);
-    renderPlacePhoto?: (place: CoordinatePlace) => string | undefined;
+    renderPlacePhoto?: (place: CoordinatePlace) => undefined | {
+        src: string;
+        title?: string;
+    };
     renderPlaceTag?: PickupPointsProps["renderPlaceTag"];
     onLoadGeoLocation?: Coordinatify<UseGeoLocationProps["onLoad"]>;
     onLoadDefaultGeoLocation?: Coordinatify<UseGeoLocationProps["onLoadDefault"]>;
@@ -47,7 +50,6 @@ export interface BusinessRecomendPlaceMapProps extends CoordinatifyProps<Omit<He
     onClickLocatorPhoto?: AbsoluteAddressBoxProps["onClickPhoto"];
 }
 export declare const BusinessRecomendPlaceMapInner: import("vue-demi").DefineComponent<import("vue-demi").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", import("vue-demi").PublicProps, BusinessRecomendPlaceMapProps, BusinessRecomendPlaceMapProps, import("vue-demi").SlotsType<{
-    renderPlacePhoto?: ((place: CoordinatePlace) => string | undefined) | undefined;
     renderPlaceTag?: PickupPointsProps["renderPlaceTag"];
     fallback?: (() => import("vue-demi").VNodeChild) | undefined;
     loading?: (() => import("vue-demi").VNodeChild) | undefined;
@@ -56,7 +58,6 @@ export declare const BusinessRecomendPlaceMapInner: import("vue-demi").DefineCom
     default?: import("../../demi-polyfill").Slot | undefined;
 }>>;
 export declare const BusinessRecomendPlaceMap: import("vue-demi").DefineComponent<import("vue-demi").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", import("vue-demi").PublicProps, BusinessRecomendPlaceMapProps, BusinessRecomendPlaceMapProps, import("vue-demi").SlotsType<{
-    renderPlacePhoto?: ((place: CoordinatePlace) => string | undefined) | undefined;
     renderPlaceTag?: PickupPointsProps["renderPlaceTag"];
     fallback?: (() => import("vue-demi").VNodeChild) | undefined;
     loading?: (() => import("vue-demi").VNodeChild) | undefined;

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

@@ -7,7 +7,6 @@ export declare const BusinessReselectPlaceMapInner: import("vue-demi").DefineCom
     fallback?: (() => import("vue-demi").VNodeChild) | undefined;
     loading?: (() => import("vue-demi").VNodeChild) | undefined;
     renderPlaceTag?: ((place: Place) => string | undefined) | undefined;
-    renderPlacePhoto?: ((place: CoordinatePlace) => string | undefined) | undefined;
 } & {
     default?: import("../../demi-polyfill").Slot | undefined;
 }>>;
@@ -15,7 +14,6 @@ export declare const BusinessReselectPlaceMap: import("vue-demi").DefineComponen
     fallback?: (() => import("vue-demi").VNodeChild) | undefined;
     loading?: (() => import("vue-demi").VNodeChild) | undefined;
     renderPlaceTag?: ((place: Place) => string | undefined) | undefined;
-    renderPlacePhoto?: ((place: CoordinatePlace) => string | undefined) | undefined;
 } & {
     default?: import("../../demi-polyfill").Slot | undefined;
 }>>;

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

@@ -5,7 +5,7 @@ import { Status, type GmapLoaderProps, type UseMapLoaderProps } from "../../hook
 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" | "gaodeDirectionDrivingProxyUrl" | "gaodeDirectionWalkingProxyUrl" | "googleDirectionsProxyUrl" | "googleSnapRoadProxyUrl" | "renderLoadFailedTitle" | "renderLoadFailedDescription">;
+export type MapProviderProps = UseMapLoaderProps & Pick<MapSupplierPayolad, "gmapId" | "gmapRasterId" | "gaodeDirectionDrivingProxyUrl" | "gaodeDirectionWalkingProxyUrl" | "googleDirectionsProxyUrl" | "googleRoutesProxyUrl" | "googleSnapRoadProxyUrl" | "renderLoadFailedTitle" | "renderLoadFailedDescription">;
 export declare const MapProvider: import("vue-demi").DefineComponent<import("vue-demi").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" | "downloadOptimizeEnd", import("vue-demi").PublicProps, MapProviderProps, MapProviderProps, import("vue-demi").SlotsType<{
     renderLoadFailedTitle?: ((status: Status) => string | undefined) | undefined;
     renderLoadFailedDescription?: ((status: Status) => string | undefined) | undefined;

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

@@ -53,7 +53,7 @@ const MapProvider = defineLagecySetup("MapProvider", function(props, {
     var _a;
     return createVNode("div", null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
   };
-}).props(["amapKey", "amapSecret", "amapServiceHost", "gmapId", "gmapRasterId", "gmapKey", "supplier", "language", "gaodeDirectionDrivingProxyUrl", "gaodeDirectionWalkingProxyUrl", "googleDirectionsProxyUrl", "googleSnapRoadProxyUrl", "renderLoadFailedTitle", "renderLoadFailedDescription"]);
+}).props(["amapKey", "amapSecret", "amapServiceHost", "gmapId", "gmapRasterId", "gmapKey", "supplier", "language", "gaodeDirectionDrivingProxyUrl", "gaodeDirectionWalkingProxyUrl", "googleDirectionsProxyUrl", "googleRoutesProxyUrl", "googleSnapRoadProxyUrl", "renderLoadFailedTitle", "renderLoadFailedDescription"]);
 const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
   slots,
   emit,

package/dist/v3/css/{AbsoluteAddressBox-ea4f4761.css → AbsoluteAddressBox-7502ed45.css}

@@ -69,6 +69,31 @@
   height: 100%;
 }
 .n8tgemc {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 3.6vw;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.n8tgemd {
+  margin-left: 0.6vw;
+  margin-top: 0.2vw;
+  width: 0.6vw;
+  height: 1.8vw;
+}
+.n8tgeme {
+  font-family: var(--HEYCAR_MAP_CSS_VAR_FONT_REGULAR);
+  font-weight: 500;
+  font-size: 2.1vw;
+  color: #FFFFFF;
+  line-height: 1;
+}
+.n8tgemf {
   pointer-events: none;
   position: absolute;
   right: 0.045vw;
@@ -76,7 +101,7 @@
   width: 3.74vw;
   height: 3.74vw;
 }
-.n8tgemd {
+.n8tgemg {
   display: -webkit-box;
   font-size: 3.47vw;
   font-family: var(--HEYCAR_MAP_CSS_VAR_FONT_SEMI_BOLD);
@@ -87,7 +112,7 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-.n8tgeme {
+.n8tgemh {
   margin-top: 0.53vw;
   font-size: 2.93vw;
   font-family: var(--HEYCAR_MAP_CSS_VAR_FONT_REGULAR);
@@ -96,22 +121,22 @@
   line-height: 4.27vw;
   opacity: 0.8;
 }
-.n8tgemf {
+.n8tgemi {
   margin: 1.865vw 0;
   width: 7.467vw;
   height: 1.6vw;
 }
-.n8tgemg {
+.n8tgemj {
   width: 1.758vw;
   height: 2.93vw;
 }
-.n8tgemh {
+.n8tgemk {
   width: 0.8vw;
   height: 4vw;
   background: #4C80FF;
   border-radius: 0vw 0vw 26.67vw 26.67vw;
 }
-.n8tgemi {
+.n8tgeml {
   width: 6.9355vw;
   height: 10.67vw;
 }

package/dist/v3/hooks/useDrivingRoute.js

@@ -4,7 +4,7 @@ import { googleServiceApiDrivingRoute, amapJsApiDrivingRoute, gaodeServiceApiDri
 import { inTaiwan, inKorean } from "./useMapInChina.js";
 import { useMapSupplier } from "./useMapSupplier.js";
 const useADrivingRoute = (props) => {
-  const { googleDirectionsProxyUrl } = useMapSupplier();
+  const { googleRoutesProxyUrl } = useMapSupplier();
   const outputRoute = reactive({
     path: [],
     distance: 0,
@@ -15,7 +15,7 @@ const useADrivingRoute = (props) => {
   });
   const amapDriving = new AMap.Driving({});
   const apiMapDrivingRoute = (from, to) => {
-    return googleDirectionsProxyUrl && inTaiwan(from) ? googleServiceApiDrivingRoute(from, to, googleDirectionsProxyUrl) : amapJsApiDrivingRoute(from, to, amapDriving);
+    return googleRoutesProxyUrl && inTaiwan(from) ? googleServiceApiDrivingRoute(from, to, googleRoutesProxyUrl) : amapJsApiDrivingRoute(from, to, amapDriving);
   };
   watchPostEffectForDeepOption(
     () => {
@@ -31,11 +31,11 @@ const useADrivingRoute = (props) => {
   return { route: outputRoute, apiMapDrivingRoute };
 };
 const useGDrivingRoute = (props) => {
-  const { gaodeDirectionDrivingProxyUrl } = useMapSupplier();
+  const { gaodeDirectionDrivingProxyUrl, googleRoutesProxyUrl } = useMapSupplier();
   const outputRoute = reactive({ path: [], distance: 0, duration: 0, steps: [] });
   const gmapDirectionsService = new google.maps.DirectionsService();
   const apiMapDrivingRoute = (from, to) => {
-    return gaodeDirectionDrivingProxyUrl && inKorean(from) ? gaodeServiceApiDrivingRoute(from, to, gaodeDirectionDrivingProxyUrl) : gmapJsApiDrivingRoute(from, to, gmapDirectionsService);
+    return gaodeDirectionDrivingProxyUrl && inKorean(from) ? gaodeServiceApiDrivingRoute(from, to, gaodeDirectionDrivingProxyUrl) : googleRoutesProxyUrl ? googleServiceApiDrivingRoute(from, to, googleRoutesProxyUrl) : gmapJsApiDrivingRoute(from, to, gmapDirectionsService);
   };
   watchPostEffectForDeepOption(
     () => {

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

@@ -10,6 +10,7 @@ export interface MapSupplierPayolad extends UseMapLoaderProps {
     gaodeDirectionDrivingProxyUrl?: string;
     gaodeDirectionWalkingProxyUrl?: string;
     googleDirectionsProxyUrl?: string;
+    googleRoutesProxyUrl?: string;
     googleSnapRoadProxyUrl?: string;
     renderLoadFailedTitle?: (status: Status) => string | undefined;
     renderLoadFailedDescription?: (status: Status) => string | undefined;

package/dist/v3/hooks/useWalkingRoute.js

@@ -4,11 +4,11 @@ import { googleServiceApiWalkingRoute, amapJsApiWalkingRoute, gaodeServiceApiWal
 import { inTaiwan, inKorean } from "./useMapInChina.js";
 import { useMapSupplier } from "./useMapSupplier.js";
 const useAWalkingRoute = (props) => {
-  const { googleDirectionsProxyUrl } = useMapSupplier();
+  const { googleRoutesProxyUrl } = useMapSupplier();
   const pathRef = shallowRef([]);
   const amapWalking = new AMap.Walking({});
   const apiMapWalkingRoute = (from, to) => {
-    return googleDirectionsProxyUrl && inTaiwan(from) ? googleServiceApiWalkingRoute(from, to, googleDirectionsProxyUrl) : amapJsApiWalkingRoute(from, to, amapWalking);
+    return googleRoutesProxyUrl && inTaiwan(from) ? googleServiceApiWalkingRoute(from, to, googleRoutesProxyUrl) : amapJsApiWalkingRoute(from, to, amapWalking);
   };
   watchPostEffectForDeepOption(
     () => {
@@ -24,13 +24,13 @@ const useAWalkingRoute = (props) => {
   return pathRef;
 };
 const useGWalkingRoute = (props) => {
-  const { gaodeDirectionWalkingProxyUrl } = useMapSupplier();
+  const { gaodeDirectionWalkingProxyUrl, googleRoutesProxyUrl } = useMapSupplier();
   const pathRef = shallowRef([]);
   const gmapDirectionsService = new google.maps.DirectionsService();
   const apiMapWalkingRoute = (from, to) => {
     if (inKorean(from))
       return Promise.resolve([]);
-    return gaodeDirectionWalkingProxyUrl && inKorean(from) ? gaodeServiceApiWalkingRoute(from, to, gaodeDirectionWalkingProxyUrl) : gmapJsApiWalkingRoute(from, to, gmapDirectionsService);
+    return gaodeDirectionWalkingProxyUrl && inKorean(from) ? gaodeServiceApiWalkingRoute(from, to, gaodeDirectionWalkingProxyUrl) : googleRoutesProxyUrl ? googleServiceApiWalkingRoute(from, to, googleRoutesProxyUrl) : gmapJsApiWalkingRoute(from, to, gmapDirectionsService);
   };
   watchPostEffectForDeepOption(
     () => {

package/dist/v3/utils/compatibleDrivingRoute.d.ts

@@ -3,4 +3,5 @@ import type { Point, Route } from "../types/interface";
 export declare function amapJsApiDrivingRoute(from: Point, to: Point, amapDriving: AMap.Driving): Promise<Route>;
 export declare function gaodeServiceApiDrivingRoute(from: Point, to: Point, proxyUrl: string): Promise<Route>;
 export declare function gmapJsApiDrivingRoute(from: Point, to: Point, gmapDirectionsService: google.maps.DirectionsService): Promise<Route>;
+export declare function googleServiceApiDrivingDirection(from: Point, to: Point, proxyUrl: string): Promise<Route>;
 export declare function googleServiceApiDrivingRoute(from: Point, to: Point, proxyUrl: string): Promise<Route>;