@heycar/heycars-map 2.9.0 → 2.11.0

package/README.md

@@ -136,8 +136,10 @@ export type RecommendType = "Restricted" | "Forbidden" | "Recommend";
   gaodeDirectionWalkingProxyUrl="/overseas/amap/walkingGuide"
   // 可选，谷歌路线纠偏代理地址
   googleSnapRoadProxyUrl="/overseas/maps/snapToRoads"
-  // 可选，谷歌路线规划代理地址
+  // 弃用，谷歌路线规划代理地址
   googleDirectionsProxyUrl="/overseas/maps/directions/json"
+  // 可选，谷歌路由服务代理地址
+  googleRoutesProxyUrl="/overseas/maps/routes/directions"
   // 地图加载失败时显示的标题
   renderLoadFailedTitle={() => (supplier === "gmap" ? "未能成功访问谷歌地图" : "高德地图加载失败")}
   // 地图加载失败时显示的描述
@@ -263,11 +265,14 @@ export default defineComponent({
         getRecomendPlace={getRecomendPlace}
         getDefaultCenterPlace={getDefaultCenterPlace}
         renderPlacePhoto={(place) => {
-          place;
-          return "https://oss-now.heycars.cn/image/graphicGuidance/file/hmlh38_xs6_DdksNX0_TbgF0lKXp.jpg";
+          // or return;
+          return {
+            title: "图文引导",
+            src: "https://oss-now.heycars.cn/image/graphicGuidance/file/hmlh38_xs6_DdksNX0_TbgF0lKXp.jpg",
+          };
         }}
         renderPlaceTag={(place) => {
-          place;
+          // or return;
           return "最近使用";
         }}
         mapContext={mapContext}

package/dist/v2/App.js

@@ -1,6 +1,6 @@
 import { h } 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 = defineComponent({
   setup() {
-    const supplierRef = ref("amap");
+    const supplierRef = ref("gmap");
     window.supplierRef = supplierRef;
     return () => h(MapProvider, {
       "attrs": {
@@ -18,6 +18,8 @@ const App = 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
       },
@@ -26,7 +28,7 @@ const App = defineComponent({
         "fail": () => console.log(`${supplierRef.value} load failed`),
         "downloadOptimizeEnd": () => console.log(`${supplierRef.value} load download optimize end`)
       }
-    }, [h(DemoBusinessRecomendPlace)]);
+    }, [h(DemoBusinessQuoting)]);
   }
 });
 export {

package/dist/v2/Demo/DemoBusinessRecomendPlace.js

@@ -127,7 +127,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/v2/Demo/DemoBusinessReselectPlace.js

@@ -131,7 +131,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/v2/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/v2/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/v2/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/v2/business-components/AbsoluteAddressBox/AbsoluteAddressBox.d.ts

@@ -1,10 +1,15 @@
+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;
 }
 export declare const AbsoluteAddressBox: import("vue-demi").DefineComponent<import("vue3").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", AbsoluteAddressBoxProps>;
+export {};

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

@@ -1,29 +1,32 @@
-import "../../css/AbsoluteAddressBox-ea4f4761.css";
+import "../../css/AbsoluteAddressBox-7502ed45.css";
 import { h } 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
 }) {
@@ -88,22 +91,29 @@ const AbsoluteAddressBox = defineSetup("AbsoluteAddressBox", function(props, {
       }
     })]), h("div", {
       "class": boxBody
-    }, [!!photo && h("div", {
+    }, [!!(photo == null ? void 0 : photo.src) && h("div", {
       "class": boxPhotoLayout
     }, [h("img", {
       "class": boxPhoto,
       "attrs": {
-        "src": photo
+        "src": photo.src
       },
       "on": {
         "click": handleClickPhoto
       }
-    }), h("img", {
-      "class": boxPhotoIcon,
+    }), !!photo.title && h("div", {
+      "class": boxPhotoDescriptionLayout,
+      "on": {
+        "click": handleClickPhoto
+      }
+    }, [h("div", {
+      "class": boxPhotoDescription
+    }, [photo.title]), h("img", {
+      "class": boxPhotoArrow,
       "attrs": {
-        "src": ICON_FULL_SCREEN_URL
+        "src": imgGuideArrow
       }
-    })]), h("div", {
+    })])]), h("div", {
       "class": boxTextClickableArea,
       "on": {
         "click": handleClickText

package/dist/v2/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"]>;

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

@@ -5,7 +5,7 @@ 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" | "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("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" | "downloadOptimizeEnd", MapProviderProps>;
 export interface HeycarMapProps extends Pick<GmapLoaderProps, "fallback" | "loading">, Pick<AmapProps, "center" | "zoom"> {
     mapRef?: SetMap<AmapMap> | SetMap<google.maps.Map>;

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

@@ -50,7 +50,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", "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/v2/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/v2/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/v2/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/v2/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/v2/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>;

package/dist/v2/utils/compatibleDrivingRoute.js

@@ -1,5 +1,6 @@
 import { apiGaodeDirectionDriving } from "../api/gaodeDirectionDriving.js";
 import { apiGoogleDirections } from "../api/googleDirections.js";
+import { apiGoogleRoutes } from "../api/googleRoutes.js";
 import { amapTraffic2trafficStatus, stringifyPoint } from "./transform.js";
 const amapTmcs2trafficJams = (tmcs) => {
   const trafficJams = {};
@@ -150,7 +151,7 @@ function gmapJsApiDrivingRoute(from, to, gmapDirectionsService) {
     );
   });
 }
-async function googleServiceApiDrivingRoute(from, to, proxyUrl) {
+async function googleServiceApiDrivingDirection(from, to, proxyUrl) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const { status, routes, error_message } = await apiGoogleDirections({
     proxyUrl,
@@ -188,9 +189,54 @@ async function googleServiceApiDrivingRoute(from, to, proxyUrl) {
       throw Error(error_message != null ? error_message : status);
   }
 }
+async function googleServiceApiDrivingRoute(from, to, proxyUrl) {
+  var _a, _b, _c, _d, _e;
+  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 { path: [], distance: 0, duration: 0, steps: [] };
+  let path = [];
+  let distance = 0;
+  let duration = 0;
+  const routeSteps = [];
+  for (const leg of firstRoute.legs) {
+    distance += (_a = leg.distanceMeters) != null ? _a : 0;
+    duration += (_b = leg.durationSeconds) != null ? _b : 0;
+    const staticRatio = leg.staticDurationSeconds ? ((_c = leg.durationSeconds) != null ? _c : 0) / leg.staticDurationSeconds : 1;
+    for (const step of leg.steps) {
+      const stepPath = step.path.map(({ lng, lat }) => [lng(), lat()]);
+      path = path.concat(stepPath);
+      routeSteps.push({
+        path: stepPath,
+        distance: (_d = step.distanceMeters) != null ? _d : 0,
+        duration: ((_e = step.staticDurationSeconds) != null ? _e : 0) * staticRatio
+      });
+    }
+  }
+  return { path, distance, duration, steps: routeSteps };
+}
 export {
   amapJsApiDrivingRoute,
   gaodeServiceApiDrivingRoute,
   gmapJsApiDrivingRoute,
+  googleServiceApiDrivingDirection,
   googleServiceApiDrivingRoute
 };

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

@@ -3,4 +3,5 @@ import type { Point } from "../types/interface";
 export declare function amapJsApiWalkingRoute(from: Point, to: Point, amapWalking: AMap.Walking): Promise<Point[]>;
 export declare function gaodeServiceApiWalkingRoute(from: Point, to: Point, proxyUrl: string): Promise<Point[]>;
 export declare function gmapJsApiWalkingRoute(from: Point, to: Point, gmapDirectionsService: google.maps.DirectionsService): Promise<Point[]>;
+export declare function googleServiceApiWalkingDirection(from: Point, to: Point, proxyUrl: string): Promise<Point[]>;
 export declare function googleServiceApiWalkingRoute(from: Point, to: Point, proxyUrl: string): Promise<Point[]>;