@heycar/heycars-map 2.10.0 → 2.12.0-color1

package/README.md

@@ -136,8 +136,30 @@ export type RecommendType = "Restricted" | "Forbidden" | "Recommend";
   gaodeDirectionWalkingProxyUrl="/overseas/amap/walkingGuide"
   // 可选，谷歌路线纠偏代理地址
   googleSnapRoadProxyUrl="/overseas/maps/snapToRoads"
-  // 可选，谷歌路线规划代理地址
+  // 弃用，谷歌路线规划代理地址
   googleDirectionsProxyUrl="/overseas/maps/directions/json"
+  // 可选，谷歌路由服务代理地址
+  googleRoutesProxyUrl="/overseas/maps/routes/directions"
+  // 可选，自定义地图颜色
+  themeVariables={{
+    TRAFFIC_UNKNOWN_BACKGROUND_COLOR: "#00C875",
+    TRAFFIC_UNKNOWN_BORDER_COLOR: "#008559",
+    TRAFFIC_NORMAL_BACKGROUND_COLOR: "#00C875",
+    TRAFFIC_NORMAL_BORDER_COLOR: "#008559",
+    TRAFFIC_SLOW_BACKGROUND_COLOR: "#F9D100",
+    TRAFFIC_SLOW_BORDER_COLOR: "#B29400",
+    TRAFFIC_TRAFFIC_JAM_BACKGROUND_COLOR: "#EB0E33",
+    TRAFFIC_TRAFFIC_JAM_BORDER_COLOR: "#990D24",
+    TRAFFIC_HEAVY_TRAFFIC_JAM_BACKGROUND_COLOR: "#99001A",
+    TRAFFIC_HEAVY_TRAFFIC_JAM_BORDER_COLOR: "#4D000D",
+    TRAFFIC_DONE_BACKGROUND_COLOR: "#96B2CA",
+    TRAFFIC_DONE_BORDER_COLOR: "#7693AF",
+    WALKING_LINE_COLOR: "#38A3FE",
+    ZONE_RESTRICTED_BACKGROUND_COLOR: "#C7E5FB",
+    ZONE_RESTRICTED_BORDER_COLOR: "#4BA7FF",
+    ZONE_FORBIDDEN_BACKGROUND_COLOR: "#F27878",
+    ZONE_FORBIDDEN_BORDER_COLOR: "#F41717",
+  }}
   // 地图加载失败时显示的标题
   renderLoadFailedTitle={() => (supplier === "gmap" ? "未能成功访问谷歌地图" : "高德地图加载失败")}
   // 地图加载失败时显示的描述

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";
@@ -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

@@ -1,5 +1,5 @@
 import { h } from "vue";
-import { B as BusinessRecomendPlaceMap } from "../chunks/BusinessRecomendPlaceMap.7b67c30c.js";
+import { B as BusinessRecomendPlaceMap } from "../chunks/BusinessRecomendPlaceMap.e9166e7d.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/cdn.d.ts

@@ -1,7 +1,7 @@
 export declare const AMAP_DEFAULT_MARKER_ICON_URL = "https://webapi.amap.com/theme/v1.3/markers/b/mark_bs.png";
 export declare const ICON_FULL_SCREEN_URL = "https://overseas-oss.heycars.cn/heycar-map/png/fullscreen.png";
-export declare const ICON_START_POINT_EN_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/start-point-en.svg";
-export declare const ICON_END_POINT_EN_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/end-point-en.svg";
+export declare const ICON_START_POINT_EN_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/tmp/start-point-en.20250512.svg";
+export declare const ICON_END_POINT_EN_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/tmp/start-point-en.20250512.svg";
 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";

package/dist/v2/api/cdn.js

@@ -1,7 +1,7 @@
 const AMAP_DEFAULT_MARKER_ICON_URL = "https://webapi.amap.com/theme/v1.3/markers/b/mark_bs.png";
 const ICON_FULL_SCREEN_URL = "https://overseas-oss.heycars.cn/heycar-map/png/fullscreen.png";
-const ICON_START_POINT_EN_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/start-point-en.svg";
-const ICON_END_POINT_EN_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/end-point-en.svg";
+const ICON_START_POINT_EN_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/tmp/start-point-en.20250512.svg";
+const ICON_END_POINT_EN_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/tmp/start-point-en.20250512.svg";
 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";

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.js

@@ -1,13 +1,14 @@
-import "../../css/AbsoluteAddressBox-7502ed45.css";
+import "../../css/AbsoluteAddressBox-125d3642.css";
 import { h } from "vue";
 import { computed } from "vue-demi";
 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 { i as imgAddressLocator } from "../../chunks/address-locator.c8105f89.js";
+import { i as imgArrowRight } from "../../chunks/arrow-right.c4bcf4de.js";
+import { SvgInlineWebComponentTag } from "../../components/SvgInline/SvgInline.web-component.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 imgBubbleRightArc = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMzIiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAxOCAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDIuMTMxYTEwIDEwIDAgMDE5LjY5NiA3LjU1MkwxOCAzMkguMDQyTDAgMHoiIGZpbGw9InZhcigtLUhFWUNBUl9NQVBfQ1NTX1ZBUl9BYnNvbHV0ZUFkZHJlc3NCb3hfYm94SGVhZGVyX2JhY2tncm91bmQsIGhzbCgyMjIsIDUzJSwgMzElKSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==";
+const imgGuideArrow = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIyIiBoZWlnaHQ9IjYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAyIDYiPgogIDxwYXRoIGQ9Ik0uNTE2IDEuMTAzQS4zLjMgMCAwMDAgMS4zMXYyLjY2OGEuMy4zIDAgMDAuNTE2LjIwOEwxLjggMi44NTNhLjMuMyAwIDAwMC0uNDE2TC41MTYgMS4xMDN6IiBmaWxsPSIjRkZGIiAvPgo8L3N2Zz4=";
 const AbsoluteAddressBox_css_ts_vanilla = "";
 var absoluteAddressBox = "n8tgem1";
 var absoluteAddressBoxLayout = "n8tgem0";
@@ -54,7 +55,7 @@ const AbsoluteAddressBox = defineSetup("AbsoluteAddressBox", function(props, {
     if (type === "locator")
       return h("div", {
         "class": absoluteAddressBoxLayout
-      }, [h("img", {
+      }, [h(SvgInlineWebComponentTag, {
         "class": locatorIcon,
         "attrs": {
           "src": imgAddressLocator
@@ -84,7 +85,7 @@ const AbsoluteAddressBox = defineSetup("AbsoluteAddressBox", function(props, {
       "class": boxHeader
     }, [h("div", {
       "class": boxHeaderText
-    }, [description]), h("img", {
+    }, [description]), h(SvgInlineWebComponentTag, {
       "class": boxHeaderIcon,
       "attrs": {
         "src": imgBubbleRightArc
@@ -108,7 +109,7 @@ const AbsoluteAddressBox = defineSetup("AbsoluteAddressBox", function(props, {
       }
     }, [h("div", {
       "class": boxPhotoDescription
-    }, [photo.title]), h("img", {
+    }, [photo.title]), h(SvgInlineWebComponentTag, {
       "class": boxPhotoArrow,
       "attrs": {
         "src": imgGuideArrow
@@ -127,7 +128,7 @@ const AbsoluteAddressBox = defineSetup("AbsoluteAddressBox", function(props, {
       "attrs": {
         "value": title
       }
-    })]), withArrow && h("img", {
+    })]), withArrow && h(SvgInlineWebComponentTag, {
       "class": arrowRight,
       "attrs": {
         "src": imgArrowRight

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

@@ -1,9 +1,10 @@
 import "../../css/AddressLocator-321d2936.css";
 import { h } from "vue";
 import { computed } from "vue-demi";
-import { i as imgAddressLocator } from "../../chunks/address-locator.98305e58.js";
+import { i as imgAddressLocator } from "../../chunks/address-locator.c8105f89.js";
 import { AmapMarker } from "../../components/AmapMarker/AmapMarker.js";
 import { GmapAdvancedMarkerElement } from "../../components/GmapAdvancedMarkerElement/GmapAdvancedMarkerElement.js";
+import { SvgInlineWebComponentTag } from "../../components/SvgInline/SvgInline.web-component.js";
 import { createElement } from "../../demi-polyfill/demi-polyfill.js";
 import { useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineSetup } from "../../types/helper.js";
@@ -13,7 +14,7 @@ const AddressLocator_css_ts_vanilla = "";
 var addressLocator = "rgf09w0";
 const AAddressLocator = defineSetup("AAddressLocator", function(props) {
   const contentRef = computed(() => `
-      <img src="${imgAddressLocator}" class="${addressLocator}">
+      <${SvgInlineWebComponentTag} src="${imgAddressLocator}" class="${addressLocator}">
     `);
   return () => h(AmapMarker, {
     "attrs": {
@@ -24,7 +25,7 @@ const AAddressLocator = defineSetup("AAddressLocator", function(props) {
   });
 });
 const GAddressLocator = defineSetup("GAddressLocator", function(props) {
-  const contentRef = computed(() => createDom("img", {
+  const contentRef = computed(() => createDom(SvgInlineWebComponentTag, {
     class: addressLocator,
     src: imgAddressLocator
   }));

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

@@ -11,7 +11,7 @@ import { createElement } from "../../demi-polyfill/demi-polyfill.js";
 import { useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineSetup } from "../../types/helper.js";
 import { vec2lnglat } from "../../utils/transform.js";
-const imgMarkerRed = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEwMjguNCkiPjxwYXRoIGQ9Im0xMiAwYy00LjQxODMgMi4zNjg1ZS0xNSAtOCAzLjU4MTctOCA4IDAgMS40MjEgMC4zODE2IDIuNzUgMS4wMzEyIDMuOTA2IDAuMTA3OSAwLjE5MiAwLjIyMSAwLjM4MSAwLjM0MzggMC41NjNsNi42MjUgMTEuNTMxIDYuNjI1LTExLjUzMWMwLjEwMi0wLjE1MSAwLjE5LTAuMzExIDAuMjgxLTAuNDY5bDAuMDYzLTAuMDk0YzAuNjQ5LTEuMTU2IDEuMDMxLTIuNDg1IDEuMDMxLTMuOTA2IDAtNC40MTgzLTMuNTgyLTgtOC04em0wIDRjMi4yMDkgMCA0IDEuNzkwOSA0IDQgMCAyLjIwOS0xLjc5MSA0LTQgNC0yLjIwOTEgMC00LTEuNzkxLTQtNCAwLTIuMjA5MSAxLjc5MDktNCA0LTR6IiBmaWxsPSIjZTc0YzNjIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEwMjguNCkiLz48cGF0aCBkPSJtMTIgM2MtMi43NjE0IDAtNSAyLjIzODYtNSA1IDAgMi43NjEgMi4yMzg2IDUgNSA1IDIuNzYxIDAgNS0yLjIzOSA1LTUgMC0yLjc2MTQtMi4yMzktNS01LTV6bTAgMmMxLjY1NyAwIDMgMS4zNDMxIDMgM3MtMS4zNDMgMy0zIDMtMy0xLjM0MzEtMy0zIDEuMzQzLTMgMy0zeiIgZmlsbD0iI2MwMzkyYiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxMDI4LjQpIi8+PC9nPjwvc3ZnPg==";
+const imgMarkerRed = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMGE4IDggMCAwMC04IDhjMCAxLjQyMS4zODIgMi43NSAxLjAzMSAzLjkwNi4xMDguMTkyLjIyMS4zODEuMzQ0LjU2M0wxMiAyNGw2LjYyNS0xMS41MzFjLjEwMi0uMTUxLjE5LS4zMTEuMjgxLS40NjlsLjA2My0uMDk0QTcuOTU0IDcuOTU0IDAgMDAyMCA4YTggOCAwIDAwLTgtOHptMCA0YTQgNCAwIDExMCA4IDQgNCAwIDAxMC04eiIgZmlsbD0idmFyKC0tSEVZQ0FSX01BUF9TVkdfVkFSX21hcmtlci1yZWRfcGF0aF8xX2ZpbGwsIGhzbCg2LCA3OCUsIDU3JSkpIi8+PHBhdGggZD0iTTEyIDNhNSA1IDAgMTAwIDEwIDUgNSAwIDAwMC0xMHptMCAyYTMgMyAwIDExMCA2IDMgMyAwIDAxMC02eiIgZmlsbD0idmFyKC0tSEVZQ0FSX01BUF9TVkdfVkFSX21hcmtlci1yZWRfcGF0aF8yX2ZpbGwsIGhzbCg2LCA2MyUsIDQ2JSkpIi8+PC9zdmc+";
 const AAuxiliaryLine = defineSetup("AAuxiliaryLine", function(props) {
   const defaultMarkerSize = 36;
   const redIcon = new AMap.Icon({

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.7b67c30c.js";
+import { B, f, D, E, R, c, a, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.e9166e7d.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.7b67c30c.js";
+import { B, f, D, E, R, c, a, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.e9166e7d.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.7b67c30c.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.e9166e7d.js";
 import { DeviceOrientation } from "../DeviceOrientation/DeviceOrientation.js";
 import { GreenZone } from "../GreenZone/GreenZone.js";
 import { PassengerCircle } from "../PassengerCircle/PassengerCircle.js";
@@ -308,7 +308,7 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
       }
     }, [((_b = zoneRef.value) == null ? void 0 : _b.path.length) && h(GreenZone, {
       "attrs": {
-        "isRed": isForbidden,
+        "isForbidden": isForbidden,
         "path": (_c = zoneRef.value) == null ? void 0 : _c.path
       }
     }), !geoLoading.value && !geoError.value && h(DeviceOrientation, {

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

@@ -1,9 +1,11 @@
-import type { TrafficStatus } from "../../types/interface";
+import type { MapThemeVariables, TrafficStatus } from "../../types/interface";
 type DrivingLineStatus = TrafficStatus | "DONE";
+type DrivingLineColors = Pick<MapThemeVariables, "TRAFFIC_UNKNOWN_BACKGROUND_COLOR" | "TRAFFIC_UNKNOWN_BORDER_COLOR" | "TRAFFIC_NORMAL_BACKGROUND_COLOR" | "TRAFFIC_NORMAL_BORDER_COLOR" | "TRAFFIC_SLOW_BACKGROUND_COLOR" | "TRAFFIC_SLOW_BORDER_COLOR" | "TRAFFIC_TRAFFIC_JAM_BACKGROUND_COLOR" | "TRAFFIC_TRAFFIC_JAM_BORDER_COLOR" | "TRAFFIC_HEAVY_TRAFFIC_JAM_BACKGROUND_COLOR" | "TRAFFIC_HEAVY_TRAFFIC_JAM_BORDER_COLOR" | "TRAFFIC_DONE_BACKGROUND_COLOR" | "TRAFFIC_DONE_BORDER_COLOR">;
 export interface DrivingLineProps {
     status?: DrivingLineStatus;
     path: [number, number][];
     lineCap?: AMap.LineSharedOptions["lineCap"];
+    colors?: DrivingLineColors;
 }
 export declare const ADrivingLine: import("vue-demi").DefineComponent<import("vue3").ComponentObjectPropsOptions<DrivingLineProps>, 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<DrivingLineProps, Required<DrivingLineProps>>, never, DrivingLineProps>;
 export declare const GDrivingLine: import("vue-demi").DefineComponent<import("vue3").ComponentObjectPropsOptions<DrivingLineProps>, 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<DrivingLineProps, Required<DrivingLineProps>>, never, DrivingLineProps>;

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

@@ -6,33 +6,20 @@ import { GmapPolyline } from "../../components/GmapPolyline/GmapPolyline.js";
 import { createElement } from "../../demi-polyfill/demi-polyfill.js";
 import { useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineSetup } from "../../types/helper.js";
-import { vec2lnglat } from "../../utils/transform.js";
-const trafficInnerColors = {
-  // UNKNOWN: "#487BF4",
-  UNKNOWN: "#00C875",
-  NORMAL: "#00C875",
-  SLOW: "#F9D100",
-  TRAFFIC_JAM: "#EB0E33",
-  HEAVY_TRAFFIC_JAM: "#99001A",
-  DONE: "#96B2CA"
-};
-const trafficOuterColors = {
-  // UNKNOWN: "#4175F1",
-  UNKNOWN: "#008559",
-  NORMAL: "#008559",
-  SLOW: "#B29400",
-  TRAFFIC_JAM: "#990D24",
-  HEAVY_TRAFFIC_JAM: "#4D000D",
-  DONE: "#7693AF"
-};
-const trafficBorderColors = {
-  // UNKNOWN: "#6C95F5",
-  UNKNOWN: "#00C875",
-  NORMAL: "#00C875",
-  SLOW: "#F9D100",
-  TRAFFIC_JAM: "#EB0E33",
-  HEAVY_TRAFFIC_JAM: "#99001A",
-  DONE: "#7693AF"
+import { mergeDefaultProps, vec2lnglat } from "../../utils/transform.js";
+const defaultColors = {
+  TRAFFIC_UNKNOWN_BACKGROUND_COLOR: "#00C875",
+  TRAFFIC_UNKNOWN_BORDER_COLOR: "#008559",
+  TRAFFIC_NORMAL_BACKGROUND_COLOR: "#00C875",
+  TRAFFIC_NORMAL_BORDER_COLOR: "#008559",
+  TRAFFIC_SLOW_BACKGROUND_COLOR: "#F9D100",
+  TRAFFIC_SLOW_BORDER_COLOR: "#B29400",
+  TRAFFIC_TRAFFIC_JAM_BACKGROUND_COLOR: "#EB0E33",
+  TRAFFIC_TRAFFIC_JAM_BORDER_COLOR: "#990D24",
+  TRAFFIC_HEAVY_TRAFFIC_JAM_BACKGROUND_COLOR: "#99001A",
+  TRAFFIC_HEAVY_TRAFFIC_JAM_BORDER_COLOR: "#4D000D",
+  TRAFFIC_DONE_BACKGROUND_COLOR: "#96B2CA",
+  TRAFFIC_DONE_BORDER_COLOR: "#7693AF"
 };
 const ADrivingLine = defineSetup("ADrivingLine", function(props) {
   return () => {
@@ -40,21 +27,21 @@ const ADrivingLine = defineSetup("ADrivingLine", function(props) {
       status = "UNKNOWN",
       lineCap = "round"
     } = props;
+    const colors = mergeDefaultProps(defaultColors, props.colors);
     const vw = window.innerWidth * 0.01;
     const strokeWidth = 1 * vw;
     const borderWidth = 0.13 * vw;
     const dirWidth = 0.24 * vw;
     const outlineWidth = 0.4 * vw;
     const dashLength = 0.3 * vw;
-    const strokeColorInner = trafficInnerColors[status];
-    const strokeColorOuter = trafficOuterColors[status];
-    const strokeColorBorder = trafficBorderColors[status];
+    const areaColor = colors[`TRAFFIC_${status}_BACKGROUND_COLOR`];
+    const borderColor = colors[`TRAFFIC_${status}_BORDER_COLOR`];
     return h("div", [h(AmapPolyline, {
       "attrs": {
         "path": props.path,
         "strokeWeight": strokeWidth + 2 * borderWidth + 2 * outlineWidth,
         "strokeOpacity": 1,
-        "strokeColor": strokeColorOuter,
+        "strokeColor": borderColor,
         "lineJoin": "round",
         "lineCap": lineCap,
         "zIndex": ZINDEX_LINE_LAYER
@@ -64,7 +51,7 @@ const ADrivingLine = defineSetup("ADrivingLine", function(props) {
         "path": props.path,
         "strokeWeight": strokeWidth + 2 * borderWidth,
         "strokeOpacity": 1,
-        "strokeColor": strokeColorBorder,
+        "strokeColor": areaColor,
         "lineJoin": "round",
         "lineCap": lineCap,
         "strokeStyle": "dashed",
@@ -76,7 +63,7 @@ const ADrivingLine = defineSetup("ADrivingLine", function(props) {
         "path": props.path,
         "strokeWeight": strokeWidth,
         "strokeOpacity": 1,
-        "strokeColor": strokeColorInner,
+        "strokeColor": areaColor,
         "lineJoin": "round",
         "lineCap": lineCap,
         "zIndex": ZINDEX_LINE_LAYER
@@ -101,21 +88,21 @@ const GDrivingLine = defineSetup("GDrivingLine", function(props) {
     const {
       status = "UNKNOWN"
     } = props;
+    const colors = mergeDefaultProps(defaultColors, props.colors);
     const vw = window.innerWidth * 0.01;
     const repeat = 10 * vw;
     const strokeWidth = 1.25 * vw * 0.65;
     const borderWidth = 0.175 * vw * 0.65;
     const dirStrokeWeight = 0.375 * vw * 0.65;
     const outlineWidth = 0.45 * vw * 0.65;
-    const strokeColorInner = trafficInnerColors[status];
-    const strokeColorOuter = trafficOuterColors[status];
-    const strokeColorBorder = trafficBorderColors[status];
+    const areaColor = colors[`TRAFFIC_${status}_BACKGROUND_COLOR`];
+    const borderColor = colors[`TRAFFIC_${status}_BORDER_COLOR`];
     return h("div", [h(GmapPolyline, {
       "attrs": {
         "path": pathRef.value,
         "strokeWeight": strokeWidth + 2 * borderWidth + 2 * outlineWidth,
         "strokeOpacity": 1,
-        "strokeColor": strokeColorOuter,
+        "strokeColor": borderColor,
         "zIndex": ZINDEX_LINE_LAYER
       }
     }), h(GmapPolyline, {
@@ -125,8 +112,8 @@ const GDrivingLine = defineSetup("GDrivingLine", function(props) {
           icon: {
             path: `M 0,-0.5 0,0.5`,
             strokeWeight: strokeWidth + 2 * borderWidth,
-            strokeColor: strokeColorBorder,
-            fillColor: strokeColorBorder,
+            strokeColor: areaColor,
+            fillColor: areaColor,
             scale: 1
           },
           repeat: `${strokeWidth}px`,
@@ -139,7 +126,7 @@ const GDrivingLine = defineSetup("GDrivingLine", function(props) {
         "path": pathRef.value,
         "strokeWeight": strokeWidth,
         "strokeOpacity": 1,
-        "strokeColor": strokeColorInner,
+        "strokeColor": areaColor,
         "icons": [{
           icon: {
             path: google.maps.SymbolPath.FORWARD_OPEN_ARROW,
@@ -159,8 +146,15 @@ const DrivingLine = defineSetup("DrivingLine", function(props) {
   return () => {
     if (!props.path.length)
       return null;
+    const colors = {
+      ...payload.themeVariables,
+      ...props.colors
+    };
     return createElement(payload.supplier === "gmap" ? GDrivingLine : ADrivingLine, {
-      attrs: props
+      attrs: {
+        ...props,
+        colors
+      }
     });
   };
 });

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

@@ -1,8 +1,10 @@
 import type { GmapOverlay, MapRegisterOverlayProps } from "../../hooks/useOverlay";
-import type { Point } from "../../types/interface";
+import type { MapThemeVariables, Point } from "../../types/interface";
+type GreenZoneColors = Pick<MapThemeVariables, "ZONE_RESTRICTED_BACKGROUND_COLOR" | "ZONE_RESTRICTED_BORDER_COLOR" | "ZONE_FORBIDDEN_BACKGROUND_COLOR" | "ZONE_FORBIDDEN_BORDER_COLOR">;
 interface GreenZoneProps<T> extends MapRegisterOverlayProps<T> {
-    isRed?: boolean;
+    isForbidden?: boolean;
     path: Point[];
+    colors?: GreenZoneColors;
 }
 export declare const AGreenZone: import("vue-demi").DefineComponent<import("vue3").ComponentObjectPropsOptions<GreenZoneProps<{
     _needUpdate: boolean;