@heycar/heycars-map 2.4.6 → 2.5.0

package/README.md

@@ -64,14 +64,21 @@ export interface CoordinateZone {
 export interface CoordinateRecommendZonePlaces {
   // 是否强制吸附
   adsorption?: boolean;
-  // 是否强制推荐点
-  force?: boolean;
+  type?: RecommendType;
   // 是否可以提供服务
   available?: boolean;
   zone?: CoordinateZone;
   places?: CoordinatePlace[];
 }
 
+export interface CoordinateValueOfOnChangeRecommendPlace {
+  type: RecommendType;
+  isSameZone: boolean;
+  place: CoordinatePlace;
+  inputPlace: CoordinatePlace;
+  zone?: CoordinateZone;
+}
+
 export interface CoordinateGeoPosition {
   position: CoordinatePoint;
   coords?: GeolocationCoordinates;
@@ -102,6 +109,9 @@ export interface BusinessGeolocationPositionError extends GeolocationPositionErr
   // 参考 https://doc.weixin.qq.com/doc/w3_AZIAowasAIcGieCNESnQZe1rhTyaK?scode=ACcAmge7AAou1TTqYiAZIAowasAIc
   isBusinessTimeout: boolean;
 }
+
+// Restricted（绿区）Forbidden（红区）Recommend（推荐点）
+export type RecommendType = "Restricted" | "Forbidden" | "Recommend";
 ```
 
 #### 在 入口文件添加 `MapProvider`
@@ -226,7 +236,7 @@ export default defineComponent({
       <BusinessRecomendPlaceMap
         class={"demo"}
         geoLoadingTitle={"正在获取您当前的位置"}
-        unavailableTitle={"当前区域暂未开通服务"}
+        unavailableTitle={"当前区域不可叫车"}
         emptyTitle={"当前位置"}
         queryingTitle={"正在获取地址信息"}
         recomendDescription={"您将在此处上车"}
@@ -255,15 +265,17 @@ export default defineComponent({
         onChangePlace={(place) => {
           console.log("地图中心点变化时触发 place = ", place);
         }}
-        onChangeRecomandPlace={({ place, inputPlace, isInZone }) => {
+        onChangeRecomandPlace={({ place, inputPlace, type, zone }) => {
           console.log("用户操作地图，计算推荐点后得出的最终位置时触发，此时可以向后端查询城市信息");
           console.log(
             "计算推荐点之前的地址是: ",
             inputPlace,
             " 最终的地址是: ",
             place,
-            " 是否在绿区内: ",
-            isInZone,
+            " 推荐类型: ",
+            type,
+            "绿区（或红区）:",
+            zone,
           );
         }}
         onClickLocatorText={() =>
@@ -365,6 +377,8 @@ export default defineComponent({
           return {
             // 服务是否可用
             available: true,
+            // 推荐类别
+            type: "Restricted",
             // 绿区
             zone: {
               name: "绿区名称",
@@ -400,15 +414,17 @@ export default defineComponent({
             ],
           };
         }}
-        onChangeRecomandPlace={({ place, inputPlace, isInZone }) => {
+        onChangeRecomandPlace={({ place, inputPlace, type, zone }) => {
           console.log("用户操作地图，计算推荐点后得出的最终位置时触发，此时可以向后端查询城市信息");
           console.log(
             "计算推荐点之前的地址是: ",
             inputPlace,
             " 最终的地址是: ",
             place,
-            " 是否在绿区内: ",
-            isInZone,
+            " 推荐类型: ",
+            type,
+            "绿区（或红区）:",
+            zone,
           );
         }}
         onClickLocatorText={() =>

package/dist/index.d.ts

@@ -1 +1 @@
-export * from "./v3"
+export * from "./v2"

package/dist/index.js

@@ -1 +1 @@
-export * from "./v3"
+export * from "./v2"

package/dist/v2/App.js

@@ -1,10 +1,9 @@
 import { h } from "vue";
 import { defineComponent, ref } from "vue-demi";
-import { DemoBusinessQuoting } from "./Demo/DemoBusinessQuoting.js";
+import { DemoBusinessRecomendPlace } from "./Demo/DemoBusinessRecomendPlace.js";
 import { MapProvider } from "./components/MapProvider/MapProvider.js";
 const gmapApiKey = "AIzaSyCCOe8MAeS3EYvSraKsBX6ztVyLxj69z94";
 const gmapId = "d0af0c05331af64a";
-const gmapRasterId = "e02db3cb62a7b46";
 const amapApiKey = "81ed1d2b5b77187683717a5f2f19591a";
 const amapApiSecret = "1dfe626553258a9f91d7c4552c0816d2";
 const App = defineComponent({
@@ -16,7 +15,6 @@ const App = defineComponent({
         "amapKey": amapApiKey,
         "amapSecret": amapApiSecret,
         "gmapId": gmapId,
-        "gmapRasterId": gmapRasterId,
         "gmapKey": gmapApiKey,
         "language": "en",
         "supplier": supplierRef.value,
@@ -28,7 +26,7 @@ const App = defineComponent({
         "fail": () => console.log(`${supplierRef.value} load failed`),
         "downloadOptimizeEnd": () => console.log(`${supplierRef.value} load download optimize end`)
       }
-    }, [h(DemoBusinessQuoting)]);
+    }, [h(DemoBusinessRecomendPlace)]);
   }
 });
 export {

package/dist/v2/Demo/DemoBusinessRecomendPlace.js

@@ -1,5 +1,5 @@
 import { h } from "vue";
-import { B as BusinessRecomendPlaceMap } from "../chunks/BusinessRecomendPlaceMap.81a4b640.js";
+import { B as BusinessRecomendPlaceMap } from "../chunks/BusinessRecomendPlaceMap.d8f5b904.js";
 import { useBusinessRecomendPlaceMap } from "../hooks-business/useBusinessRecomendPlaceMap.js";
 import { defineSetup } from "../types/helper.js";
 import { d as demo } from "../chunks/Demo.css.e921a2f6.js";
@@ -12,7 +12,8 @@ const DemoBusinessRecomendPlace = defineSetup("DemoBusinessRecomendPlace", funct
     await new Promise((r) => setTimeout(r, 3e3));
     return {
       available: true,
-      zone: {
+      type: "Restricted",
+      zone: Object.assign({
         name: "",
         path: [{
           lng: lng - 1e-3,
@@ -27,7 +28,9 @@ const DemoBusinessRecomendPlace = defineSetup("DemoBusinessRecomendPlace", funct
           lat: lat + 5e-4,
           type
         }]
-      },
+      }, {
+        extra: "extra information 1"
+      }),
       places: [{
         lat: lat - 1e-5,
         lng: lng + 1e-4,
@@ -109,6 +112,7 @@ const DemoBusinessRecomendPlace = defineSetup("DemoBusinessRecomendPlace", funct
       "attrs": {
         "geoLoadingTitle": "正在获取您当前的位置",
         "unavailableTitle": "当前区域暂未开通服务",
+        "forbiddenTitle": "当前区域不可叫车",
         "emptyTitle": "当前位置",
         "queryingTitle": "正在获取地址信息",
         "recomendDescription": "您将在此处上车",
@@ -116,7 +120,7 @@ const DemoBusinessRecomendPlace = defineSetup("DemoBusinessRecomendPlace", funct
         "defaultCenterPlace": (place) => place != null ? place : {
           lng: 139.777777,
           lat: 35.777777,
-          type: "gcj02",
+          type: "wgs84",
           name: "default place name",
           displayName: "default place displayName"
         },
@@ -137,10 +141,11 @@ const DemoBusinessRecomendPlace = defineSetup("DemoBusinessRecomendPlace", funct
         "changeRecomandPlace": ({
           place,
           inputPlace,
-          isInZone
+          type,
+          zone
         }) => {
           console.log("用户操作地图，计算推荐点后得出的最终位置时触发，此时可以向后端查询城市信息");
-          console.log("计算推荐点之前的地址是: ", inputPlace, " 最终的地址是: ", place, " 是否在绿区内: ", isInZone);
+          console.log("计算推荐点之前的地址是: ", inputPlace, " 最终的地址是: ", place, " 推荐类型: ", type, "绿区（或红区）:", zone);
         },
         "clickLocatorText": () => console.log("用户点击了蓝色光标文字触发，此时可以执行用户点击起点输入框相同的逻辑"),
         "clickLocatorPhoto": () => console.log("用户点击了蓝色光标图片触发，此时可以执行用户点击起点输入框相同的逻辑"),

package/dist/v2/Demo/DemoBusinessReselectPlace.js

@@ -12,7 +12,8 @@ const DemoBusinessReselectPlace = defineSetup("DemoBusinessReselectPlace", funct
     await new Promise((r) => setTimeout(r, 3e3));
     return {
       available: true,
-      zone: {
+      type: "Restricted",
+      zone: Object.assign({
         name: "",
         path: [{
           lng: lng - 1e-3,
@@ -27,7 +28,9 @@ const DemoBusinessReselectPlace = defineSetup("DemoBusinessReselectPlace", funct
           lat: lat + 5e-4,
           type
         }]
-      },
+      }, {
+        extra: "extra information 1"
+      }),
       places: [{
         lat: lat - 1e-5,
         lng: lng + 1e-4,
@@ -113,6 +116,7 @@ const DemoBusinessReselectPlace = defineSetup("DemoBusinessReselectPlace", funct
       "class": demo,
       "attrs": {
         "unavailableTitle": "当前区域暂未开通服务",
+        "forbiddenTitle": "当前区域不可叫车",
         "emptyTitle": "当前位置",
         "queryingTitle": "正在获取地址信息",
         "recomendDescription": "您将在此处上车",
@@ -120,7 +124,7 @@ const DemoBusinessReselectPlace = defineSetup("DemoBusinessReselectPlace", funct
         "defaultPlace": {
           lng: 139.777777,
           lat: 35.777777,
-          type: "gcj02",
+          type: "wgs84",
           name: "default place name",
           displayName: "default place display name"
         },
@@ -138,10 +142,11 @@ const DemoBusinessReselectPlace = defineSetup("DemoBusinessReselectPlace", funct
         "changeRecomandPlace": ({
           place,
           inputPlace,
-          isInZone
+          type,
+          zone
         }) => {
           console.log("用户操作地图，计算推荐点后得出的最终位置时触发，此时可以向后端查询城市信息");
-          console.log("计算推荐点之前的地址是: ", inputPlace, " 最终的地址是: ", place, " 是否在绿区内: ", isInZone);
+          console.log("计算推荐点之前的地址是: ", inputPlace, " 最终的地址是: ", place, " 推荐类型: ", type, "绿区（或红区）:", zone);
         },
         "clickLocatorText": () => console.log("用户点击了蓝色光标文字触发，此时可以执行用户点击起点输入框相同的逻辑"),
         "clickLocatorPhoto": () => console.log("用户点击了蓝色光标图片触发，此时可以执行用户点击起点输入框相同的逻辑"),

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

@@ -24,6 +24,7 @@ export interface BusinessRecomendPlaceMapProps extends CoordinatifyProps<Omit<He
     log?: boolean;
     geoLoadingTitle: string;
     unavailableTitle: string;
+    forbiddenTitle: string;
     emptyTitle: string;
     queryingTitle: string;
     recomendDescription: string;

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.81a4b640.js";
+import { B, f, D, E, R, c, a, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.d8f5b904.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.81a4b640.js";
+import { B, f, D, E, R, c, a, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.d8f5b904.js";
 export {
   B as BusinessRecomendPlaceMap,
   f as BusinessRecomendPlaceMapInner,

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

@@ -1,6 +1,6 @@
 import { type CoordinatePlace } from "../../types/interface";
 import { type BusinessRecomendPlaceMapProps } from "../BusinessRecomendPlaceMap";
-export interface BusinessReselectPlaceMapProps extends Pick<BusinessRecomendPlaceMapProps, "geoErrorOnceNotificationKey" | "loading" | "fallback" | "log" | "getAvailable" | "getRecomendPlace" | "unavailableTitle" | "emptyTitle" | "queryingTitle" | "recomendDescription" | "disableLocator" | "disableLocatorPhoto" | "mapContext" | "renderPlacePhoto" | "renderPlaceTag" | "onChangeGeoLocation" | "onChangePlace" | "onChangeRecomandPlace" | "onGeoError" | "onGeoErrorOnce" | "onClickLocatorText" | "onClickLocatorPhoto"> {
+export interface BusinessReselectPlaceMapProps extends Pick<BusinessRecomendPlaceMapProps, "geoErrorOnceNotificationKey" | "loading" | "fallback" | "log" | "getAvailable" | "getRecomendPlace" | "unavailableTitle" | "forbiddenTitle" | "emptyTitle" | "queryingTitle" | "recomendDescription" | "disableLocator" | "disableLocatorPhoto" | "mapContext" | "renderPlacePhoto" | "renderPlaceTag" | "onChangeGeoLocation" | "onChangePlace" | "onChangeRecomandPlace" | "onGeoError" | "onGeoErrorOnce" | "onClickLocatorText" | "onClickLocatorPhoto"> {
     defaultPlace?: CoordinatePlace;
 }
 export declare const BusinessReselectPlaceMapInner: import("vue-demi").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessReselectPlaceMapProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<BusinessReselectPlaceMapProps, Required<BusinessReselectPlaceMapProps>>, "changePlace" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", BusinessReselectPlaceMapProps>;

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.81a4b640.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.d8f5b904.js";
 import { DeviceOrientation } from "../DeviceOrientation/DeviceOrientation.js";
 import { GreenZone } from "../GreenZone/GreenZone.js";
 import { PassengerCircle } from "../PassengerCircle/PassengerCircle.js";
@@ -108,7 +108,10 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
     var _a;
     centerSource.source = "api";
     const place = unCoordinatifyPlace(toCoordinatePlaceType(inputPlace));
-    const recommends = unCoordinatifyRecommendZonePlaces(toCoordinateRecommendZonePlacesType(inputRecommends));
+    const recommends = unCoordinatifyRecommendZonePlaces(toCoordinateRecommendZonePlacesType({
+      ...inputRecommends,
+      type: "Restricted"
+    }));
     const isSameZone = recommends.zone && isZoneEqual(recommends.zone, zoneRef.value);
     if (!isSameZone)
       setFitZoom((_a = recommends.zone) == null ? void 0 : _a.path);
@@ -132,7 +135,7 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
       inputPlace: {
         ...place
       },
-      isInZone: !!zoneRef.value,
+      type: recommendTypeRef.value,
       isSameZone: !!zoneRef.value
     }));
   };
@@ -191,6 +194,7 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
     setPlaceCandidatesAndZone,
     placeCandidates,
     zoneRef,
+    recommendTypeRef,
     availableRef,
     isQueryingRef
   } = useMapRecomendPlace({
@@ -222,7 +226,7 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
     onChange: ({
       place,
       inputPlace,
-      isInZone,
+      type,
       isSameZone
     }) => {
       var _a;
@@ -232,12 +236,12 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
       equalAssign(centerPlace, {
         ...place
       });
-      if (isInZone && !isSameZone)
+      if (type === "Restricted" && !isSameZone)
         setFitZoom((_a = zoneRef.value) == null ? void 0 : _a.path);
       emit("changeRecomandPlace", coordinatifyValueOfOnChangeRecommendPlace({
         place,
         inputPlace,
-        isInZone,
+        type,
         isSameZone
       }));
     }
@@ -256,7 +260,7 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
     flush: "post"
   });
   watchEffect(() => {
-    mapContext.centerPlaceStatusRef.value = isQueryingRef.value ? CenterPlaceStatus.QUERYING_INFO : !availableRef.value ? CenterPlaceStatus.SERVICE_UNAVAILABLE : CenterPlaceStatus.OK;
+    mapContext.centerPlaceStatusRef.value = isQueryingRef.value ? CenterPlaceStatus.QUERYING_INFO : !availableRef.value || recommendTypeRef.value === "Forbidden" ? CenterPlaceStatus.SERVICE_UNAVAILABLE : CenterPlaceStatus.OK;
   });
   onUnmounted(() => abortController.abort(MANUAL_ABORT_MESSAGE));
   return () => {
@@ -264,12 +268,14 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
     const {
       recomendDescription,
       unavailableTitle,
+      forbiddenTitle,
       renderPlacePhoto,
       renderPlaceTag
     } = props;
+    const isForbidden = recommendTypeRef.value === "Forbidden";
     const isElected = isPlacesInclude(placeCandidates.value, centerPlace);
-    const title = !availableRef.value ? unavailableTitle : centerPlace.displayName;
-    const description = !availableRef.value ? void 0 : isElected ? (_a = renderPlaceTag == null ? void 0 : renderPlaceTag(centerPlace)) != null ? _a : recomendDescription : void 0;
+    const title = centerPlace.displayName;
+    const description = !availableRef.value ? unavailableTitle : isForbidden ? forbiddenTitle : isElected ? (_a = renderPlaceTag == null ? void 0 : renderPlaceTag(centerPlace)) != null ? _a : recomendDescription : void 0;
     return h(HeycarMap, {
       "class": attrs.class,
       "style": attrs.style,
@@ -299,6 +305,7 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
       }
     }, [((_b = zoneRef.value) == null ? void 0 : _b.path.length) && h(GreenZone, {
       "attrs": {
+        "isRed": isForbidden,
         "path": (_c = zoneRef.value) == null ? void 0 : _c.path
       }
     }), !geoLoading.value && !geoError.value && h(DeviceOrientation, {
@@ -344,7 +351,7 @@ const BusinessReselectPlaceMap = defineLagecySetup("BusinessReselectPlaceMap", f
     key: `${payload.supplier}${instanceNo}`,
     on: generateCreateElementV2PropsOn(props, emit, ["changeGeoLocation", "changePlace", "changeRecomandPlace", "geoError", "geoErrorOnce", "clickLocatorText", "clickLocatorPhoto"])
   });
-}).props(["loading", "fallback", "log", "defaultPlace", "unavailableTitle", "emptyTitle", "queryingTitle", "recomendDescription", "geoErrorOnceNotificationKey", "disableLocator", "getAvailable", "getRecomendPlace", "renderPlacePhoto", "renderPlaceTag", "mapContext"]);
+}).props(["loading", "fallback", "log", "defaultPlace", "unavailableTitle", "forbiddenTitle", "emptyTitle", "queryingTitle", "recomendDescription", "geoErrorOnceNotificationKey", "disableLocator", "getAvailable", "getRecomendPlace", "renderPlacePhoto", "renderPlaceTag", "mapContext"]);
 export {
   BusinessReselectPlaceMap,
   BusinessReselectPlaceMapInner

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

@@ -1,6 +1,7 @@
 import type { GmapOverlay, MapRegisterOverlayProps } from "../../hooks/useOverlay";
 import type { Point } from "../../types/interface";
 interface GreenZoneProps<T> extends MapRegisterOverlayProps<T> {
+    isRed?: boolean;
     path: Point[];
 }
 export declare const AGreenZone: import("vue-demi").DefineComponent<import("vue3").ComponentObjectPropsOptions<GreenZoneProps<{

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

@@ -12,6 +12,8 @@ const GREEN_ZONE_FILL_COLOR = "#C7E5FB";
 const GREEN_ZONE_FILL_OPACITY = 0.5;
 const GREEN_ZONE_STROKE_COLOR = "#4BA7FF";
 const GREEN_ZONE_STROKE_WEIGHT_VW = 1;
+const GREEN_ZONE_FILL_COLOR_RED = "#F27878";
+const GREEN_ZONE_STROKE_COLOR_RED = "#F41717";
 const toClosedPath = (path) => {
   const first = path[0];
   if (!first)
@@ -28,10 +30,10 @@ const AGreenZone = defineSetup("AGreenZone", function(props) {
       "attrs": {
         "registerOverlay": props.registerOverlay,
         "path": props.path,
-        "strokeColor": GREEN_ZONE_STROKE_COLOR,
+        "strokeColor": props.isRed ? GREEN_ZONE_STROKE_COLOR_RED : GREEN_ZONE_STROKE_COLOR,
         "strokeStyle": "dashed",
         "strokeWeight": strokeWeight,
-        "fillColor": GREEN_ZONE_FILL_COLOR,
+        "fillColor": props.isRed ? GREEN_ZONE_FILL_COLOR_RED : GREEN_ZONE_FILL_COLOR,
         "fillOpacity": GREEN_ZONE_FILL_OPACITY,
         "zIndex": ZINDEX_GREEN_ZONE
       }
@@ -53,17 +55,17 @@ const GGreenZone = defineSetup("GGreenZone", function(props) {
       "attrs": {
         "registerOverlay": props.registerOverlay,
         "paths": path,
-        "strokeColor": GREEN_ZONE_STROKE_COLOR,
+        "strokeColor": props.isRed ? GREEN_ZONE_STROKE_COLOR_RED : GREEN_ZONE_STROKE_COLOR,
         "strokeOpacity": 0,
         "strokeWeight": strokeWeight,
-        "fillColor": GREEN_ZONE_FILL_COLOR,
+        "fillColor": props.isRed ? GREEN_ZONE_FILL_COLOR_RED : GREEN_ZONE_FILL_COLOR,
         "fillOpacity": GREEN_ZONE_FILL_OPACITY,
         "zIndex": ZINDEX_GREEN_ZONE
       }
     }), h(GmapPolyline, {
       "attrs": {
         "path": closedPath,
-        "strokeColor": GREEN_ZONE_STROKE_COLOR,
+        "strokeColor": props.isRed ? GREEN_ZONE_STROKE_COLOR_RED : GREEN_ZONE_STROKE_COLOR,
         "strokeWeight": GREEN_ZONE_STROKE_WEIGHT_VW,
         "strokeOpacity": 0,
         "icons": [{

package/dist/v2/chunks/{BusinessRecomendPlaceMap.81a4b640.js → BusinessRecomendPlaceMap.d8f5b904.js}

@@ -360,7 +360,10 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
     var _a;
     centerSource.source = "api";
     const place = unCoordinatifyPlace(toCoordinatePlaceType(inputPlace));
-    const recommends = unCoordinatifyRecommendZonePlaces(toCoordinateRecommendZonePlacesType(inputRecommends));
+    const recommends = unCoordinatifyRecommendZonePlaces(toCoordinateRecommendZonePlacesType({
+      ...inputRecommends,
+      type: "Restricted"
+    }));
     const isSameZone = recommends.zone && isZoneEqual(recommends.zone, zoneRef.value);
     if (!isSameZone)
       setFitZoom((_a = recommends.zone) == null ? void 0 : _a.path, place2point(place));
@@ -384,7 +387,7 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
       inputPlace: {
         ...place
       },
-      isInZone: !!zoneRef.value,
+      type: recommendTypeRef.value,
       isSameZone: !!zoneRef.value
     }));
   };
@@ -465,6 +468,7 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
     setPlaceCandidatesAndZone,
     placeCandidates,
     zoneRef,
+    recommendTypeRef,
     availableRef,
     isQueryingRef
   } = useMapRecomendPlace({
@@ -496,7 +500,8 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
     onChange: ({
       place,
       inputPlace,
-      isInZone,
+      type,
+      zone,
       isSameZone
     }) => {
       var _a;
@@ -506,17 +511,18 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
       equalAssign(centerPlace, {
         ...place
       });
-      if (isInZone && !isSameZone)
+      if (type === "Restricted" && !isSameZone)
         setFitZoom((_a = zoneRef.value) == null ? void 0 : _a.path, place2point(place));
       emit("changeRecomandPlace", coordinatifyValueOfOnChangeRecommendPlace({
         place,
         inputPlace,
-        isInZone,
+        type,
+        zone,
         isSameZone
       }));
     }
   });
-  const centerPlaceStatusRef = computed(() => isFirstLoad && geoLoading.value ? CenterPlaceStatus.GEO_LOADING : isQueryingRef.value ? CenterPlaceStatus.QUERYING_INFO : !availableRef.value ? CenterPlaceStatus.SERVICE_UNAVAILABLE : CenterPlaceStatus.OK);
+  const centerPlaceStatusRef = computed(() => isFirstLoad && geoLoading.value ? CenterPlaceStatus.GEO_LOADING : isQueryingRef.value ? CenterPlaceStatus.QUERYING_INFO : !availableRef.value || recommendTypeRef.value === "Forbidden" ? CenterPlaceStatus.SERVICE_UNAVAILABLE : CenterPlaceStatus.OK);
   const handleResize = pipeDefer(() => {
     var _a;
     return zoomRef.value && setFitZoom((_a = zoneRef.value) == null ? void 0 : _a.path, void 0, true);
@@ -548,13 +554,15 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
       geoLoadingTitle: geoLoadingTitle2,
       recomendDescription,
       unavailableTitle,
+      forbiddenTitle,
       disableLocator,
       renderPlacePhoto,
       renderPlaceTag
     } = props;
+    const isForbidden = recommendTypeRef.value === "Forbidden";
     const isElected = isPlacesInclude(placeCandidates.value, centerPlace);
-    const title = isFirstLoad && geoLoading.value ? geoLoadingTitle2 : !availableRef.value ? unavailableTitle : centerPlace.displayName;
-    const description = !availableRef.value ? void 0 : isElected ? (_a = renderPlaceTag == null ? void 0 : renderPlaceTag(centerPlace)) != null ? _a : recomendDescription : void 0;
+    const title = isFirstLoad && geoLoading.value ? geoLoadingTitle2 : centerPlace.displayName;
+    const description = !availableRef.value ? unavailableTitle : isForbidden ? forbiddenTitle : isElected ? (_a = renderPlaceTag == null ? void 0 : renderPlaceTag(centerPlace)) != null ? _a : recomendDescription : void 0;
     return h(HeycarMap, {
       "class": attrs.class,
       "style": attrs.style,
@@ -584,6 +592,7 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
       }
     }, [((_b = zoneRef.value) == null ? void 0 : _b.path.length) && h(GreenZone, {
       "attrs": {
+        "isRed": isForbidden,
         "path": (_c = zoneRef.value) == null ? void 0 : _c.path
       }
     }), !geoLoading.value && !geoError.value && h(DeviceOrientation, {
@@ -630,7 +639,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
     key: `${payload.supplier}${instanceNo}`,
     on: generateCreateElementV2PropsOn(props, emit, ["loadGeoLocation", "loadDefaultGeoLocation", "changeByDrag", "changeGeoLocation", "changePlace", "changeRecomandPlace", "geoError", "geoErrorOnce", "clickLocatorText", "clickLocatorPhoto"])
   });
-}).props(["log", "geoLoadingTitle", "emptyTitle", "queryingTitle", "defaultCenterPlace", "geoErrorOnceNotificationKey", "unavailableTitle", "recomendDescription", "disableLocator", "fallback", "getRecomendPlace", "getAvailable", "renderPlacePhoto", "renderPlaceTag", "loading", "mapContext"]);
+}).props(["log", "geoLoadingTitle", "emptyTitle", "queryingTitle", "defaultCenterPlace", "geoErrorOnceNotificationKey", "unavailableTitle", "forbiddenTitle", "recomendDescription", "disableLocator", "fallback", "getRecomendPlace", "getAvailable", "renderPlacePhoto", "renderPlaceTag", "loading", "mapContext"]);
 export {
   BusinessRecomendPlaceMap as B,
   DEFAULT_ZOOM as D,

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

@@ -80,7 +80,6 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
     const {
       supplier,
       gmapId,
-      gmapRasterId,
       language = "zh",
       status,
       pingStatus
@@ -109,14 +108,12 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
     }
     const children = (_e = slots.default) == null ? void 0 : _e.call(slots);
     const outArea = (_f = slots.outerArea) == null ? void 0 : _f.call(slots);
-    const mapId = patchGmapIdForAlipayCompatible({
-      gmapId,
-      gmapRasterId,
-      touchEnable,
-      touchZoomCenter
-    });
     switch (supplier) {
-      case "gmap":
+      case "gmap": {
+        const renderingType = compatibleGmapRenderingType({
+          touchEnable,
+          touchZoomCenter
+        });
         return h("div", {
           "class": `${heycarMap} ${(_g = attrs.class) != null ? _g : ""}`,
           "attrs": {
@@ -126,12 +123,15 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
         }, [h(Gmap, {
           "attrs": {
             "mapRef": setMap,
-            "mapId": mapId,
+            "mapId": gmapId,
+            "renderingType": renderingType,
             "center": center ? vec2lnglat(center) : void 0,
             "zoom": zoom,
             "disableDefaultUI": true,
             "clickableIcons": false,
             "disableDoubleClickZoom": !touchEnable,
+            "headingInteractionEnabled": false,
+            "tiltInteractionEnabled": false,
             "gestureHandling": touchEnable ? "greedy" : "none",
             "keyboardShortcuts": touchEnable,
             "touchZoomCenter": touchZoomCenter,
@@ -147,6 +147,7 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
             "src": imgGrid
           }
         }), outArea]);
+      }
       default:
         return h("div", {
           "class": `${heycarMap} ${(_h = attrs.class) != null ? _h : ""}`,
@@ -178,18 +179,16 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
     }
   };
 }).props(["center", "fallback", "loading", "outerArea", "mapRef", "zoom", "touchEnable", "touchZoomCenter"]);
-function patchGmapIdForAlipayCompatible(props) {
+function compatibleGmapRenderingType(props) {
   const {
-    gmapId,
-    gmapRasterId,
     touchEnable,
     touchZoomCenter
   } = props;
   const os = detectOSPlatform();
   const platform = detectBrowserPlatform();
   if (os !== OS_PLATFORM.ANDROID || platform !== BRWOSER_PLATFORM.ALIPAY_MINIPROGRAM)
-    return gmapId;
-  return touchEnable && !touchZoomCenter ? gmapRasterId : gmapId;
+    return google.maps.RenderingType.VECTOR;
+  return touchEnable && !touchZoomCenter ? google.maps.RenderingType.RASTER : google.maps.RenderingType.VECTOR;
 }
 export {
   HeycarMap,

package/dist/v2/hooks/useMapCoordinatify.js

@@ -52,19 +52,21 @@ function useMapCoordinatify() {
     };
   };
   const coordinatifyValueOfOnChangeRecommendPlace = (value) => {
-    const { place, inputPlace } = value;
+    const { place, inputPlace, zone } = value;
     return {
       ...value,
       place: coordinatifyPlace(place),
-      inputPlace: coordinatifyPlace(inputPlace)
+      inputPlace: coordinatifyPlace(inputPlace),
+      zone: zone ? coordinatifyZone(zone) : void 0
     };
   };
   const unCoordinatifyValueOfOnChangeRecommendPlace = (value) => {
-    const { place, inputPlace } = value;
+    const { place, inputPlace, zone } = value;
     return {
       ...value,
       place: unCoordinatifyPlace(place),
-      inputPlace: unCoordinatifyPlace(inputPlace)
+      inputPlace: unCoordinatifyPlace(inputPlace),
+      zone: zone ? unCoordinatifyZone(zone) : void 0
     };
   };
   const unCoordinatifyTrackPoint = (value) => {