@heycar/heycars-map 2.4.6 → 2.5.1

package/dist/v3/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,
@@ -112,6 +115,7 @@ const DemoBusinessReselectPlace = defineSetup("DemoBusinessReselectPlace", funct
     return createVNode("div", null, [createVNode("div", null, [JSON.stringify(centerPlace)]), createVNode(BusinessReselectPlaceMap, {
       "class": demo,
       "unavailableTitle": "当前区域暂未开通服务",
+      "forbiddenTitle": "当前区域不可叫车",
       "emptyTitle": "当前位置",
       "queryingTitle": "正在获取地址信息",
       "recomendDescription": "您将在此处上车",
@@ -119,7 +123,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"
       },
@@ -135,10 +139,11 @@ const DemoBusinessReselectPlace = defineSetup("DemoBusinessReselectPlace", funct
       "onChangeRecomandPlace": ({
         place,
         inputPlace,
-        isInZone
+        type,
+        zone
       }) => {
         console.log("用户操作地图，计算推荐点后得出的最终位置时触发，此时可以向后端查询城市信息");
-        console.log("计算推荐点之前的地址是: ", inputPlace, " 最终的地址是: ", place, " 是否在绿区内: ", isInZone);
+        console.log("计算推荐点之前的地址是: ", inputPlace, " 最终的地址是: ", place, " 推荐类型: ", type, "绿区（或红区）:", zone);
       },
       "onClickLocatorText": () => console.log("用户点击了蓝色光标文字触发，此时可以执行用户点击起点输入框相同的逻辑"),
       "onClickLocatorPhoto": () => console.log("用户点击了蓝色光标图片触发，此时可以执行用户点击起点输入框相同的逻辑"),

package/dist/v3/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/v3/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.7133beea.js";
+import { B, f, D, E, R, c, a, e, b, d, Z } from "../../chunks/BusinessRecomendPlaceMap.4c38b1fb.js";
 export {
   B as BusinessRecomendPlaceMap,
   f as BusinessRecomendPlaceMapInner,

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

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

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

@@ -1,6 +1,6 @@
 import { type CoordinatePlace, type Place } 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-demi").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", import("vue-demi").PublicProps, BusinessReselectPlaceMapProps, BusinessReselectPlaceMapProps, import("vue-demi").SlotsType<{

package/dist/v3/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.7133beea.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.4c38b1fb.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,8 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
     onChange: ({
       place,
       inputPlace,
-      isInZone,
+      type,
+      zone,
       isSameZone
     }) => {
       var _a;
@@ -232,12 +237,13 @@ 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,
+        zone,
         isSameZone
       }));
     }
@@ -256,7 +262,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 +270,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 createVNode(HeycarMap, {
       "class": attrs.class,
       "style": attrs.style,
@@ -293,6 +301,7 @@ const BusinessReselectPlaceMapInner = defineSetup("BusinessReselectPlaceMapInner
       default: () => {
         var _a2, _b;
         return [((_a2 = zoneRef.value) == null ? void 0 : _a2.path.length) && createVNode(GreenZone, {
+          "isRed": isForbidden,
           "path": (_b = zoneRef.value) == null ? void 0 : _b.path
         }, null), !geoLoading.value && !geoError.value && createVNode(DeviceOrientation, {
           "elementRef": mapElementRef,
@@ -331,7 +340,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/v3/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("vue-demi").ComponentObjectPropsOptions<GreenZoneProps<{

package/dist/v3/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)
@@ -27,10 +29,10 @@ const AGreenZone = defineSetup("AGreenZone", function(props) {
     return createVNode(AmapPolygon, {
       "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
     }, null);
@@ -50,15 +52,15 @@ const GGreenZone = defineSetup("GGreenZone", function(props) {
     return createVNode("div", null, [createVNode(GmapPolygon, {
       "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
     }, null), createVNode(GmapPolyline, {
       "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/v3/chunks/{BusinessRecomendPlaceMap.7133beea.js → BusinessRecomendPlaceMap.4c38b1fb.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 createVNode(HeycarMap, {
       "class": attrs.class,
       "style": attrs.style,
@@ -578,6 +586,7 @@ const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner
       default: () => {
         var _a2, _b;
         return [((_a2 = zoneRef.value) == null ? void 0 : _a2.path.length) && createVNode(GreenZone, {
+          "isRed": isForbidden,
           "path": (_b = zoneRef.value) == null ? void 0 : _b.path
         }, null), !geoLoading.value && !geoError.value && createVNode(DeviceOrientation, {
           "elementRef": mapElementRef,
@@ -617,7 +626,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/v3/components/MapProvider/MapProvider.js

@@ -83,7 +83,6 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
     const {
       supplier,
       gmapId,
-      gmapRasterId,
       language = "zh",
       status,
       pingStatus
@@ -110,26 +109,27 @@ 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 createVNode("div", {
           "class": `${heycarMap} ${(_g = attrs.class) != null ? _g : ""}`,
           "lang": language,
           "style": attrs.style
         }, [createVNode(Gmap, {
           "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,
@@ -142,6 +142,7 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
           "class": heycarGmapBackgroundDefaultLoadingImage,
           "src": imgGrid
         }, null), outArea]);
+      }
       default:
         return createVNode("div", {
           "class": `${heycarMap} ${(_h = attrs.class) != null ? _h : ""}`,
@@ -169,18 +170,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/v3/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) => {

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

@@ -1,4 +1,4 @@
-import type { Place, Point, RecommendZonePlaces, ValueOfOnChangeRecommendPlace, Zone } from "../types/interface";
+import type { Place, Point, RecommendType, RecommendZonePlaces, ValueOfOnChangeRecommendPlace, Zone } from "../types/interface";
 import { type AbortSignalOption } from "../utils/helper";
 import { type UseMapPlaceProps } from "./useMapPlace";
 export interface UseMapRecomendPlaceProps<C = Record<string, any>> {
@@ -29,12 +29,12 @@ export declare const useMapRecomendPlace: <C>(props: UseMapRecomendPlaceProps<C>
         displayName: string;
     }[]>;
     availableRef: import("vue-demi").Ref<boolean>;
-    forceRef: import("vue-demi").Ref<boolean>;
+    recommendTypeRef: import("vue-demi").Ref<RecommendType>;
     isQueryingRef: import("vue-demi").Ref<boolean>;
     updateRecommendPlace: (place: Place, opt?: AbortSignalOption) => Promise<void>;
     updateRecommendPlaceOnlyInZone: (place: Place, opt?: AbortSignalOption) => Promise<void>;
     updatePlaceCandidates: (place: Place, opt?: AbortSignalOption) => Promise<ValueOfOnChangeRecommendPlace>;
     updatePlace: (point: Point) => Promise<void>;
     abortUpdatePlace: () => void;
-    setPlaceCandidatesAndZone: ({ zone, places: placeCandidates }: RecommendZonePlaces) => void;
+    setPlaceCandidatesAndZone: ({ type, zone, places: placeCandidates, }: RecommendZonePlaces) => void;
 };