@heycar/heycars-map 2.5.3 → 2.6.0

package/README.md

@@ -130,6 +130,10 @@ export type RecommendType = "Restricted" | "Forbidden" | "Recommend";
   gmapKey={gmapApiKey}
   // 使用哪个地图供应商，目前两个供应商： amap 高德 / gmap 谷歌
   supplier={"amap"}
+  // 可选，谷歌路线纠偏代理地址
+  googleSnapRoadProxyUrl="/overseas/maps/snapToRoads"
+  // 可选，谷歌路线规划代理地址
+  googleDirectionsProxyUrl="/overseas/maps/directions/json"
   // 地图加载失败时显示的标题
   renderLoadFailedTitle={() => (supplier === "gmap" ? "未能成功访问谷歌地图" : "高德地图加载失败")}
   // 地图加载失败时显示的描述

package/dist/v2/Demo/DemoBusinessRecomendPlace.js

@@ -1,5 +1,5 @@
 import { h } from "vue";
-import { B as BusinessRecomendPlaceMap } from "../chunks/BusinessRecomendPlaceMap.824002ef.js";
+import { B as BusinessRecomendPlaceMap } from "../chunks/BusinessRecomendPlaceMap.7b67c30c.js";
 import { useBusinessRecomendPlaceMap } from "../hooks-business/useBusinessRecomendPlaceMap.js";
 import { defineSetup } from "../types/helper.js";
 import { d as demo } from "../chunks/Demo.css.e921a2f6.js";

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

@@ -1,8 +1,8 @@
 import type { Point } from "../types/interface";
 export declare const MAX_ANIMATION_DISTANCE_VW = 300;
-export declare const MIN_ANIMATION_DURATION = 300;
-export declare const ANIMATION_DURATION_FOR_100VW = 200;
-export declare const ANIMATION_DURATION_PER_ZOOM = 400;
+export declare const MIN_ANIMATION_DURATION = 200;
+export declare const ANIMATION_DURATION_FOR_100VW = 100;
+export declare const ANIMATION_DURATION_PER_ZOOM = 200;
 export declare const BEIJIN_POINT: Point;
 export declare const MAX_DEVIATION_DISTANCE = 30;
 export declare const CAR_DISTANCE_MIN = 100;

package/dist/v2/api/contants.js

@@ -1,7 +1,7 @@
 const MAX_ANIMATION_DISTANCE_VW = 300;
-const MIN_ANIMATION_DURATION = 300;
-const ANIMATION_DURATION_FOR_100VW = 200;
-const ANIMATION_DURATION_PER_ZOOM = 400;
+const MIN_ANIMATION_DURATION = 200;
+const ANIMATION_DURATION_FOR_100VW = 100;
+const ANIMATION_DURATION_PER_ZOOM = 200;
 const BEIJIN_POINT = [116.2317, 39.5427];
 const MAX_DEVIATION_DISTANCE = 30;
 const CAR_DISTANCE_MIN = 100;

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

@@ -0,0 +1,26 @@
+/// <reference types="google.maps" />
+import type { Point } from "../types/interface";
+type DirectionsStatus = `${google.maps.DirectionsStatus}`;
+export interface GoogleDirectionsResponse extends Pick<google.maps.DirectionsResult, "routes" | "geocoded_waypoints" | "available_travel_modes"> {
+    status: DirectionsStatus;
+    error_message?: string;
+}
+export interface ApiGoogleDirectionsProps {
+    proxyUrl?: string;
+    origin: Point;
+    destination: Point;
+    waypoints?: Point[];
+    mode?: `${google.maps.TravelMode}`;
+    traffic_model?: `${google.maps.TrafficModel}`;
+    alternatives?: boolean;
+    arrival_time?: number;
+    departure_time?: number;
+    avoid?: ("tolls" | "highways" | "ferries" | "indoor")[];
+    language?: string;
+    region?: string;
+    units?: "metric" | "imperial";
+    transit_mode?: `${google.maps.TransitMode}`;
+    transit_routing_preference?: `${google.maps.TransitRoutePreference}`;
+}
+export declare function apiGoogleDirections(props: ApiGoogleDirectionsProps): Promise<GoogleDirectionsResponse>;
+export {};

package/dist/v2/api/googleDirections.js

@@ -0,0 +1,139 @@
+import { googlePointsStringify, googleEncodedPolyline2googleLatLng } from "../utils/transform.js";
+import { isProxyServiceError, createTypeError } from "../utils/typeChecking.js";
+const ALL_DIRECTIONS_STATUS = [
+  "INVALID_REQUEST",
+  "MAX_WAYPOINTS_EXCEEDED",
+  "NOT_FOUND",
+  "OK",
+  "OVER_QUERY_LIMIT",
+  "REQUEST_DENIED",
+  "UNKNOWN_ERROR",
+  "ZERO_RESULTS"
+];
+function isGoogleDistance(value) {
+  return typeof value === "object" && value !== null && "text" in value && typeof value.text === "string" && "value" in value && typeof value.value === "number";
+}
+function isGoogleDuration(value) {
+  return typeof value === "object" && value !== null && "text" in value && typeof value.text === "string" && "value" in value && typeof value.value === "number";
+}
+function isGoogleDirectionsPolyline(value) {
+  return typeof value === "object" && value !== null && "points" in value && typeof value.points === "string";
+}
+function isMeasurableObject(value) {
+  return typeof value === "object" && value !== null && (!("distance" in value) || value.distance === void 0 || isGoogleDistance(value.distance)) && (!("duration" in value) || value.duration === void 0 || isGoogleDuration(value.duration));
+}
+function assertGoogleDirectionsStep(value) {
+  const error = createTypeError("google.maps.DirectionsStep", value);
+  if (!isMeasurableObject(value))
+    throw error;
+  if (!("polyline" in value)) {
+    value.path = [];
+    return;
+  }
+  if (!isGoogleDirectionsPolyline(value.polyline))
+    throw error;
+  value.path = googleEncodedPolyline2googleLatLng(
+    value.polyline.points
+  );
+}
+function assertGoogleDirectionsLeg(value) {
+  if (!isMeasurableObject(value) || !("steps" in value) || !Array.isArray(value.steps))
+    throw createTypeError("google.maps.DirectionsLeg", value);
+  try {
+    for (const step of value.steps) {
+      assertGoogleDirectionsStep(step);
+    }
+  } catch (error) {
+    const { message: detail } = error;
+    throw createTypeError("google.maps.DirectionsLeg", value, detail);
+  }
+}
+function assertGoogleDirectionsRoute(value) {
+  if (typeof value !== "object" || value === null || !("legs" in value) || !Array.isArray(value.legs) || !("overview_polyline" in value) || !isGoogleDirectionsPolyline(value.overview_polyline))
+    throw createTypeError("google.maps.DirectionsRoute", value);
+  value.overview_path = googleEncodedPolyline2googleLatLng(
+    value.overview_polyline.points
+  );
+  try {
+    for (const leg of value.legs) {
+      assertGoogleDirectionsLeg(leg);
+    }
+  } catch (error) {
+    const { message: detail } = error;
+    throw createTypeError("google.maps.DirectionsRoute", value, detail);
+  }
+}
+function assertGoogleDirectionsResponse(value) {
+  if (typeof value !== "object" || value === null || !("status" in value) || !("routes" in value) || !isGoogleDirectionsStatus(value.status) || !Array.isArray(value.routes))
+    throw createTypeError("GoogleDirectionsResponse", value);
+  try {
+    for (const route of value.routes) {
+      assertGoogleDirectionsRoute(route);
+    }
+  } catch (error) {
+    const { message: detail } = error;
+    throw createTypeError("GoogleDirectionsResponse", value, detail);
+  }
+}
+function isGoogleDirectionsStatus(value) {
+  return typeof value === "string" && ALL_DIRECTIONS_STATUS.includes(value);
+}
+function isGoogleDirectionsError(error) {
+  return typeof error === "object" && !!error && "status" in error && isGoogleDirectionsStatus(error.status) && "error_message" in error;
+}
+async function apiGoogleDirections(props) {
+  const { proxyUrl, origin, destination, waypoints, avoid } = props;
+  if (!proxyUrl)
+    return {
+      status: "ZERO_RESULTS",
+      routes: [],
+      error_message: "Warning: google directions service is bypassed due to proxyUrl is not provided!"
+    };
+  const { protocol, host } = location;
+  const baseUrl = proxyUrl.startsWith(protocol) ? void 0 : `${protocol}//${host}`;
+  const url = new URL(proxyUrl, baseUrl);
+  url.searchParams.set("origin", googlePointsStringify([origin]));
+  url.searchParams.set("destination", googlePointsStringify([destination]));
+  if (waypoints && waypoints.length > 0)
+    url.searchParams.set("waypoints", googlePointsStringify(waypoints));
+  if (avoid && avoid.length > 0)
+    url.searchParams.set("avoid", avoid.join("|"));
+  for (const key of [
+    "mode",
+    "traffic_model",
+    "alternatives",
+    "arrival_time",
+    "departure_time",
+    "language",
+    "region",
+    "units",
+    "transit_mode",
+    "transit_routing_preference"
+  ]) {
+    if (props[key] !== void 0)
+      url.searchParams.set(key, String(key));
+  }
+  const response = await fetch(url);
+  if (response.ok) {
+    const result = await response.json();
+    assertGoogleDirectionsResponse(result);
+    return result;
+  }
+  const error = await response.json();
+  if (isProxyServiceError(error)) {
+    const { code, msg } = error;
+    throw new Error(`apiGoogleDirections proxy failed code: ${code}, msg: 
+${msg}`);
+  }
+  if (isGoogleDirectionsError(error)) {
+    const { status, error_message } = error;
+    throw new Error(`apiGoogleDirections failed status: ${status}, message: 
+${error_message}`);
+  }
+  throw new Error(
+    `apiGoogleSnapRoad failed with unrecognized server response: ${JSON.stringify(error)}`
+  );
+}
+export {
+  apiGoogleDirections
+};

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

@@ -18,5 +18,4 @@ export interface ApiGoogleSnapRoadProps {
     proxyUrl?: string;
 }
 export declare function apiGoogleSnapRoad(props: ApiGoogleSnapRoadProps): Promise<SnapToRoadsResponse>;
-export declare const setGlobalGoogleSnapRoadProxyUrl: (url?: string) => void;
 export {};

package/dist/v2/api/googleSnapRoad.js

@@ -1,8 +1,5 @@
-let googleSnapRoadProxyUrl = void 0;
-const googleSnapRoadPointsStringify = (points) => points.map(([lng, lat]) => `${lat},${lng}`).join("|");
-function isProxyError(error) {
-  return !!error && typeof error === "object" && "msg" in error && "code" in error;
-}
+import { googlePointsStringify } from "../utils/transform.js";
+import { isProxyServiceError } from "../utils/typeChecking.js";
 const point2snappedPoint = (point) => {
   const [longitude, latitude] = point;
   return { location: { longitude, latitude }, placeId: "" };
@@ -34,7 +31,7 @@ function assertSnapToRoadsResponse(value) {
   value.snappedPoints.forEach(assertSnappedPoint);
 }
 async function apiGoogleSnapRoad(props) {
-  const { interpolate, path, proxyUrl = googleSnapRoadProxyUrl } = props;
+  const { interpolate, path, proxyUrl } = props;
   if (!proxyUrl)
     return {
       snappedPoints: path.map(point2snappedPoint),
@@ -45,7 +42,7 @@ async function apiGoogleSnapRoad(props) {
   const url = new URL(proxyUrl, baseUrl);
   if (interpolate !== void 0)
     url.searchParams.set("interpolate", String(interpolate));
-  url.searchParams.set("path", googleSnapRoadPointsStringify(path));
+  url.searchParams.set("path", googlePointsStringify(path));
   const response = await fetch(url);
   if (response.ok) {
     const result = await response.json();
@@ -53,7 +50,7 @@ async function apiGoogleSnapRoad(props) {
     return result;
   }
   const error = await response.json();
-  if (isProxyError(error)) {
+  if (isProxyServiceError(error)) {
     const { code: code2, msg } = error;
     throw new Error(`apiGoogleSnapRoad proxy failed code: ${code2}, msg: 
 ${msg}`);
@@ -64,11 +61,6 @@ ${msg}`);
 ${message}`
   );
 }
-const setGlobalGoogleSnapRoadProxyUrl = (url) => {
-  if (url)
-    googleSnapRoadProxyUrl = url;
-};
 export {
-  apiGoogleSnapRoad,
-  setGlobalGoogleSnapRoadProxyUrl
+  apiGoogleSnapRoad
 };

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

@@ -27,7 +27,7 @@ import "../GreenZone/GreenZone.js";
 import "../PassengerCircle/PassengerCircle.js";
 import "../PickupPoints/PickupPoints.js";
 import "./useCacheCenterPlace.js";
-import { B, f, D, E, R, c, a, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.824002ef.js";
+import { B, f, D, E, R, c, a, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.7b67c30c.js";
 export {
   B as BusinessRecomendPlaceMap,
   f as BusinessRecomendPlaceMapInner,

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

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

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

@@ -21,7 +21,7 @@ import { detectBrowserPlatform } from "../../utils/platform.js";
 import { place2point, isPlaceEqual, isZoneEqual, geoPositionError2businessTimeout, pipeDefer } from "../../utils/transform.js";
 import { toCoordinatePlaceType, toCoordinatePointType, toCoordinateRecommendZonePlacesType } from "../../utils/typeChecking.js";
 import { AbsoluteAddressBox } from "../AbsoluteAddressBox/AbsoluteAddressBox.js";
-import { E as EMPTY_PLACE, m as memoize, R as RECOMMEND_PLACE_DRAG_LIMIT, a as RECOMMEND_PLACE_LARGE_LIMIT, b as RECOMMEND_PLACE_ZONE_ICON_MIN, c as RECOMMEND_PLACE_ICON_ZOOM_MIN, d as RECOMMEND_PLACE_ZONE_TEXT_MIN, e as RECOMMEND_PLACE_TEXT_ZOOM_MIN, D as DEFAULT_ZOOM, Z as ZONE_FITVIEW_PANDING } from "../../chunks/BusinessRecomendPlaceMap.824002ef.js";
+import { E as EMPTY_PLACE, m as memoize, R as RECOMMEND_PLACE_DRAG_LIMIT, a as RECOMMEND_PLACE_LARGE_LIMIT, b as RECOMMEND_PLACE_ZONE_ICON_MIN, c as RECOMMEND_PLACE_ICON_ZOOM_MIN, d as RECOMMEND_PLACE_ZONE_TEXT_MIN, e as RECOMMEND_PLACE_TEXT_ZOOM_MIN, D as DEFAULT_ZOOM, Z as ZONE_FITVIEW_PANDING } from "../../chunks/BusinessRecomendPlaceMap.7b67c30c.js";
 import { DeviceOrientation } from "../DeviceOrientation/DeviceOrientation.js";
 import { GreenZone } from "../GreenZone/GreenZone.js";
 import { PassengerCircle } from "../PassengerCircle/PassengerCircle.js";
@@ -228,7 +228,8 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
       inputPlace,
       type,
       zone,
-      isSameZone
+      isSameZone,
+      noAnimation
     }) => {
       var _a;
       centerSource.source = "recomend";
@@ -238,7 +239,7 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
         ...place
       });
       if ((type === "Restricted" || type === "Forbidden") && !isSameZone)
-        setFitZoom((_a = zoneRef.value) == null ? void 0 : _a.path);
+        setFitZoom((_a = zoneRef.value) == null ? void 0 : _a.path, place2point(place), noAnimation);
       emit("changeRecomandPlace", coordinatifyValueOfOnChangeRecommendPlace({
         place,
         inputPlace,

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

@@ -12,7 +12,6 @@ export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps,
     driverStatus: DriverStatus;
     interval: number;
     disablePassenger?: boolean;
-    googleSnapRoadProxyUrl?: string;
     mapContext: CoordinatifyProps<BusinessTaxiServiceContext>;
     renderStartSerivceTitle: (titleProps: {
         distance: number;

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

@@ -1,7 +1,6 @@
 import { h } from "vue";
 import { ref, watch, onUnmounted } from "vue-demi";
 import { apiGetAuxiliaryGrapStatus } from "../../api/browser.js";
-import { setGlobalGoogleSnapRoadProxyUrl } from "../../api/googleSnapRoad.js";
 import { HeycarMap } from "../../components/MapProvider/MapProvider.js";
 import { createElement } from "../../demi-polyfill/demi-polyfill.js";
 import { useGeoLocation } from "../../hooks/useGeoLocation.js";
@@ -30,7 +29,6 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
     renderStartSerivceTitle,
     renderInServiceTitle
   } = props;
-  setGlobalGoogleSnapRoadProxyUrl(props.googleSnapRoadProxyUrl);
   const {
     mapRef,
     setMap,
@@ -242,7 +240,7 @@ const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", funct
     attrs: props,
     key: `${payload.supplier}${instanceNo}`
   });
-}).props(["bookDispatchingTitle", "dispatchingTitle", "driverArrivedTitle", "driverStatus", "googleSnapRoadProxyUrl", "fallback", "from", "getDriverPositionTrack", "interval", "disablePassenger", "loading", "mapContext", "renderInServiceTitle", "renderStartSerivceTitle", "to"]);
+}).props(["bookDispatchingTitle", "dispatchingTitle", "driverArrivedTitle", "driverStatus", "fallback", "from", "getDriverPositionTrack", "interval", "disablePassenger", "loading", "mapContext", "renderInServiceTitle", "renderStartSerivceTitle", "to"]);
 export {
   BusinessTaxiServiceMap,
   BusinessTaxiServiceMapInner

package/dist/v2/chunks/{BusinessRecomendPlaceMap.824002ef.js → BusinessRecomendPlaceMap.7b67c30c.js}

@@ -502,7 +502,8 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
       inputPlace,
       type,
       zone,
-      isSameZone
+      isSameZone,
+      noAnimation
     }) => {
       var _a;
       centerSource.source = "recomend";
@@ -512,7 +513,7 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
         ...place
       });
       if ((type === "Restricted" || type === "Forbidden") && !isSameZone)
-        setFitZoom((_a = zoneRef.value) == null ? void 0 : _a.path, place2point(place));
+        setFitZoom((_a = zoneRef.value) == null ? void 0 : _a.path, place2point(place), noAnimation);
       emit("changeRecomandPlace", coordinatifyValueOfOnChangeRecommendPlace({
         place,
         inputPlace,

package/dist/v2/components/Gmap/Gmap.js

@@ -13,7 +13,6 @@ const Gmap_css_ts_vanilla = "";
 var gmap = "_7anfuo0";
 const Gmap = defineSetup("Gmap", function(props, { slots, emit, attrs }) {
   const setMap = props.mapRef;
-  const { onResize } = props;
   const os = detectOSPlatform();
   const options = computed(() => {
     const {
@@ -49,7 +48,14 @@ const Gmap = defineSetup("Gmap", function(props, { slots, emit, attrs }) {
   provideGmap(mapRef);
   useGmapWheelZoomCenter({ mapRef, enableRef });
   useGmapGestureZoomCenter({ mapRef, elementRef, enableRef });
-  useResizeObserver({ elementRef, onChange: onResize });
+  useResizeObserver({
+    elementRef,
+    shouldSkip: () => {
+      var _a;
+      return !((_a = mapRef.value) == null ? void 0 : _a.getProjection());
+    },
+    onChange: (e) => emit("resize", e)
+  });
   watchPostEffect(() => {
     const element = elementRef.value;
     if (mapRef.value || !element)

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" | "renderLoadFailedTitle" | "renderLoadFailedDescription">;
+export type MapProviderProps = UseMapLoaderProps & Pick<MapSupplierPayolad, "gmapId" | "gmapRasterId" | "googleDirectionsProxyUrl" | "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

@@ -11,10 +11,12 @@ import { detectWebGL, WEBGL_STATUS, detectBrowserPlatform, OS_PLATFORM, BRWOSER_
 import { language2vectorMapForeign, vec2lnglat } from "../../utils/transform.js";
 import { Amap } from "../Amap/Amap.js";
 import { Gmap } from "../Gmap/Gmap.js";
+import { t as throttle } from "../../chunks/throttle.8bdd8d3b.js";
 const style_css_ts_vanilla = "";
 const MapProvider_css_ts_vanilla = "";
 var heycarGmapBackgroundDefaultLoadingImage = "_16q981k1";
 var heycarMap = "_16q981k0";
+const MAP_RESIZE_MIN_INTERVAL = 500;
 window.movingDraw = !new URLSearchParams(location.search).has("disableMovingDraw");
 if (detectWebGL() === WEBGL_STATUS.ENABLED) {
   window.forceWebGL = true;
@@ -48,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", "renderLoadFailedTitle", "renderLoadFailedDescription"]);
+}).props(["amapKey", "amapSecret", "amapServiceHost", "gmapId", "gmapRasterId", "gmapKey", "supplier", "language", "googleDirectionsProxyUrl", "googleSnapRoadProxyUrl", "renderLoadFailedTitle", "renderLoadFailedDescription"]);
 const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
   slots,
   emit,
@@ -73,7 +75,9 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
     } = target.getCenter();
     emit("dragEnd", [lng, lat]);
   };
-  const handleResize = () => emit("resize");
+  const handleResize = throttle(() => emit("resize"), MAP_RESIZE_MIN_INTERVAL, {
+    trailing: true
+  });
   loadTraditionalChineseConvertOnce(payload.language === "zh-TW");
   return () => {
     var _a, _b, _c, _d, _e, _f, _g, _h;

package/dist/v2/hooks/useDrivingRoute.js

@@ -1,7 +1,10 @@
 import { reactive } from "vue-demi";
 import { watchPostEffectForDeepOption } from "../utils/compare.js";
+import { googleServiceApiDrivingRoute, amapJsApiDrivingRoute, gmapJsApiDrivingRoute } from "../utils/compatibleDrivingRoute.js";
+import { inTaiwan } from "./useMapInChina.js";
 import { useMapSupplier } from "./useMapSupplier.js";
 const useADrivingRoute = (props) => {
+  const { googleDirectionsProxyUrl } = useMapSupplier();
   const outputRoute = reactive({
     path: [],
     distance: 0,
@@ -11,46 +14,7 @@ const useADrivingRoute = (props) => {
   });
   const amapDriving = new AMap.Driving({});
   const apiMapDrivingRoute = (from, to) => {
-    return new Promise((resolve, reject) => {
-      amapDriving.search(
-        AMap.LngLat.from(from),
-        AMap.LngLat.from(to),
-        { waypoints: [] },
-        (status, result) => {
-          switch (status) {
-            case "complete": {
-              let path = [];
-              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]);
-                path = path.concat(stepPath);
-                routeSteps.push({
-                  path: basicStep.path.map(({ lng, lat }) => [lng, lat]),
-                  duration: basicStep.time,
-                  distance: basicStep.distance
-                });
-              }
-              return resolve({
-                path,
-                distance: firstRoute.distance,
-                duration: firstRoute.time,
-                tolls: firstRoute.tolls,
-                steps: routeSteps
-              });
-            }
-            case "no_data":
-              return resolve({ path: [], distance: 0, duration: 0, steps: [] });
-            default:
-              return reject(result);
-          }
-        }
-      );
-    });
+    return googleDirectionsProxyUrl && inTaiwan(from) ? googleServiceApiDrivingRoute(from, to, googleDirectionsProxyUrl) : amapJsApiDrivingRoute(from, to, amapDriving);
   };
   watchPostEffectForDeepOption(
     () => {
@@ -69,48 +33,7 @@ const useGDrivingRoute = (props) => {
   const outputRoute = reactive({ path: [], distance: 0, duration: 0, steps: [] });
   const gmapDirectionsService = new google.maps.DirectionsService();
   const apiMapDrivingRoute = (from, to) => {
-    return new Promise((resolve, reject) => {
-      gmapDirectionsService.route(
-        {
-          origin: { lng: from[0], lat: from[1] },
-          destination: { lng: to[0], lat: to[1] },
-          travelMode: google.maps.TravelMode.DRIVING
-        },
-        (result, status) => {
-          var _a, _b, _c, _d, _e, _f, _g, _h;
-          switch (status) {
-            case google.maps.DirectionsStatus.OK: {
-              let path = [];
-              let distance = 0;
-              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;
-                for (const step of leg.steps) {
-                  const stepPath = step.path.map(({ lng, lat }) => [lng(), lat()]);
-                  path = path.concat(stepPath);
-                  routeSteps.push({
-                    path: stepPath,
-                    distance: (_f = (_e = step.distance) == null ? void 0 : _e.value) != null ? _f : 0,
-                    duration: (_h = (_g = step.duration) == null ? void 0 : _g.value) != null ? _h : 0
-                  });
-                }
-              }
-              return resolve({ path, distance, duration, steps: routeSteps });
-            }
-            case google.maps.DirectionsStatus.ZERO_RESULTS:
-            case google.maps.DirectionsStatus.NOT_FOUND:
-              return resolve({ path: [], distance: 0, duration: 0, steps: [] });
-            default:
-              return reject(new Error(status));
-          }
-        }
-      );
-    });
+    return gmapJsApiDrivingRoute(from, to, gmapDirectionsService);
   };
   watchPostEffectForDeepOption(
     () => {

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

@@ -1,18 +1,19 @@
 /// <reference types="google.maps" />
 import type { AmapMap, Point } from "../types/interface";
+export type ApiMapComputeHeading = (from?: Point, to?: Point) => number | undefined;
 export type UseMapAngleProps<M = AmapMap | google.maps.Map> = {
     path: Point[];
     map?: M;
 };
 export declare const useAmapAngle: (props?: UseMapAngleProps<AmapMap>) => {
     angleRef: import("vue-demi").ComputedRef<number | undefined>;
-    apiMapComputeHeading: (from?: Point, to?: Point) => number | undefined;
+    apiMapComputeHeading: ApiMapComputeHeading;
 };
 export declare const useGmapAngle: (props?: UseMapAngleProps<google.maps.Map>) => {
     angleRef: import("vue-demi").ComputedRef<number | undefined>;
-    apiMapComputeHeading: (from?: Point, to?: Point) => number | undefined;
+    apiMapComputeHeading: ApiMapComputeHeading;
 };
 export declare const useMapAngle: (props?: UseMapAngleProps) => {
     angleRef: import("vue-demi").ComputedRef<number | undefined>;
-    apiMapComputeHeading: (from?: Point, to?: Point) => number | undefined;
+    apiMapComputeHeading: ApiMapComputeHeading;
 };

package/dist/v2/hooks/useMapCoordinatify.js

@@ -13,7 +13,7 @@ function useMapCoordinatify() {
       return [lng, lat];
     if (type === "wgs84") {
       if (!inChina([lng, lat]))
-        throw new Error(`国外经纬度收到火星坐标系数据: ${JSON.stringify(value)}`);
+        throw new Error(`国外（或台湾）经纬度收到火星坐标系数据: ${JSON.stringify(value)}`);
       return toLocalWgs84([lng, lat]);
     }
     return toLocalGcj02([lng, lat]);

package/dist/v2/hooks/useMapFitView.js

@@ -5,6 +5,8 @@ import { useMapSupplier } from "./useMapSupplier.js";
 import { d as debounce } from "../chunks/debounce.5afe7867.js";
 const GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT = 20;
 const GOOGLE_MAP_FIT_BOUND_SINGLE_POINT_ZOOM = 17.5;
+const GOOGLE_MAP_FIT_BOUND_MIN_WIDTH = 10;
+const GOOGLE_MAP_FIT_BOUND_MIN_HEIGHT = 10;
 const useAmapFitView = (props) => {
   const { mapRef, autoFitTimeout } = props;
   const overlayGroup = /* @__PURE__ */ new Set();
@@ -80,8 +82,8 @@ function gmapFitBoundNoAnimate(map, bound, padding) {
     return;
   const { top = 0, right = 0, bottom = 0, left = 0 } = padding;
   const { offsetWidth, offsetHeight } = map.getDiv();
-  const w = offsetWidth - left - right;
-  const h = offsetHeight - top - bottom;
+  const w = Math.max(offsetWidth - left - right, GOOGLE_MAP_FIT_BOUND_MIN_WIDTH);
+  const h = Math.max(offsetHeight - top - bottom, GOOGLE_MAP_FIT_BOUND_MIN_HEIGHT);
   const northEast = bound.getNorthEast();
   const southWest = bound.getSouthWest();
   const { x: x0, y: y0 } = projection.fromLatLngToPoint(northEast);

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

@@ -1,24 +1,21 @@
-import type { Point, TrackPoint } from "../types/interface";
-interface ApiMapToGraspRoadPathOutput {
-    path: Point[];
-    angle: number;
-}
+import type { TrackPoint } from "../types/interface";
+import { type ApiGraspRoadOutput } from "../utils/compatibleGraspRoad";
 interface UseMapGraspRoadProps {
     tracks: TrackPoint[];
 }
 export declare const useAmapGraspRoad: (props?: UseMapGraspRoadProps) => {
     pathRef: import("vue-demi").Ref<[number, number][]>;
     angleRef: import("vue-demi").Ref<number>;
-    apiMapToGraspRoadPath: (tracks: TrackPoint[]) => Promise<ApiMapToGraspRoadPathOutput>;
+    apiMapToGraspRoadPath: (tracks: TrackPoint[]) => Promise<ApiGraspRoadOutput>;
 };
 export declare const useGmapGraspRoad: (props?: UseMapGraspRoadProps) => {
     pathRef: import("vue-demi").Ref<[number, number][]>;
     angleRef: import("vue-demi").Ref<number>;
-    apiMapToGraspRoadPath: (tracks: TrackPoint[]) => Promise<ApiMapToGraspRoadPathOutput>;
+    apiMapToGraspRoadPath: (tracks: TrackPoint[]) => Promise<ApiGraspRoadOutput>;
 };
 export declare const useMapGraspRoad: (props?: UseMapGraspRoadProps) => {
     pathRef: import("vue-demi").Ref<[number, number][]>;
     angleRef: import("vue-demi").Ref<number>;
-    apiMapToGraspRoadPath: (tracks: TrackPoint[]) => Promise<ApiMapToGraspRoadPathOutput>;
+    apiMapToGraspRoadPath: (tracks: TrackPoint[]) => Promise<ApiGraspRoadOutput>;
 };
 export {};