@heycar/heycars-map 0.5.0 → 0.5.2

package/dist/components/Amap/Amap.d.ts

@@ -12,6 +12,7 @@ export interface AmapProps extends Omit<AMap.MapOptions, "vectorMapForeign"> {
     touchZoom?: boolean;
     keyboardEnable?: boolean;
     pitchEnable?: boolean;
+    touchZoomCenter?: 0 | 1;
     onDragStart?: MapEventHandler<AMap.Map>;
     onDragEnd?: MapEventHandler<AMap.Map>;
     onZoomEnd?: MapEventHandler<AMap.Map>;

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

@@ -7,9 +7,10 @@ export type MapProviderProps = UseMapLoaderProps & Pick<MapSupplierPayolad, "gma
 export declare const MapProvider: import("vue").DefineComponent<import("vue/types/v3-component-props").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>>, "change", MapProviderProps, {}>;
 export interface HeycarMapProps extends Pick<GmapLoaderProps, "fallback" | "loading">, Pick<AmapProps, "center" | "zoom"> {
     mapRef?: SetMap<AMap.Map> | SetMap<google.maps.Map>;
+    touchZoomCenter?: boolean;
+    touchEnable?: boolean;
     onDragEnd?: (value: [number, number]) => any;
     onZoomEnd?: (value: number) => any;
     onResize?: () => any;
-    touchEnable?: boolean;
 }
 export declare const HeycarMap: import("vue").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<HeycarMapProps>, 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<HeycarMapProps, Required<HeycarMapProps>>, "resize" | "dragEnd" | "zoomEnd", HeycarMapProps, {}>;

package/dist/hooks/useMapPlace.d.ts

@@ -7,6 +7,7 @@ export interface UseMapPlaceOnChangeCityProps {
 }
 export interface UseMapPlaceProps {
     pointRef: Ref<Point>;
+    emptyPlaceName: string;
     onChange?: (value: Place) => any;
     onChangeCity?: (value: UseMapPlaceOnChangeCityProps) => any;
 }

package/dist/hooks/useMapRecomendPlace.d.ts

@@ -4,6 +4,7 @@ import { UseMapPlaceProps } from "./useMapPlace";
 export interface UseMapRecomendPlaceProps<C = Record<string, any>> {
     pointRef: Ref<Point>;
     context?: C;
+    emptyPlaceName: string;
     getLimit: (context?: C) => number;
     getRecomendPlace: (place: Place, context?: C) => Promise<Place[] | undefined>;
     onChangeCity?: UseMapPlaceProps["onChangeCity"];

package/dist/hooks/useMapWheelZoomCenter.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="google.maps" />
+import { Ref, ShallowRef } from "vue-demi";
+interface UseWheelZoomCenterProps<M = AMap.Map | google.maps.Map> {
+    mapRef: ShallowRef<M | undefined>;
+    enableRef?: Ref<boolean>;
+}
+export declare const useAmapWheelZoomCenter: (props: UseWheelZoomCenterProps<AMap.Map>) => void;
+export {};

package/dist/index.cjs

@@ -1859,6 +1859,35 @@ const useMapLoader = (props) => {
     onChange
   });
 };
+const ZOOM_WHEEL_RATIO = -135e-5;
+const useAmapWheelZoomCenter = (props) => {
+  const { mapRef, enableRef } = props;
+  const handleWheel = (e) => {
+    var _a, _b, _c;
+    const { deltaY } = e;
+    const prevZoom = (_b = (_a = mapRef.value) == null ? void 0 : _a.getZoom()) != null ? _b : 0;
+    const zoom = prevZoom + ZOOM_WHEEL_RATIO * deltaY;
+    console.log("handleWheel zoom = ", zoom);
+    (_c = mapRef.value) == null ? void 0 : _c.setZoom(zoom);
+  };
+  Vue.watch(
+    () => enableRef == null ? void 0 : enableRef.value,
+    (enable, _, onCleanup) => {
+      if (enable) {
+        console.log("addEventListener wheel");
+        addEventListener("wheel", handleWheel);
+      } else {
+        console.log("removeEventListener wheel");
+        removeEventListener("wheel", handleWheel);
+      }
+      onCleanup(() => {
+        console.log("onClean removeEventListener wheel");
+        removeEventListener("wheel", handleWheel);
+      });
+    },
+    { immediate: true }
+  );
+};
 const Amap_css_ts_vanilla = "";
 var amap = "_1d8ur7t0";
 const Amap = defineSetup(function Amap2(props, { slots, emit }) {
@@ -1881,9 +1910,10 @@ const Amap = defineSetup(function Amap2(props, { slots, emit }) {
       animateEnable = true,
       keyboardEnable = true,
       doubleClickZoom = true,
-      scrollWheel = true,
-      touchZoom = true
+      touchZoom = true,
+      touchZoomCenter = 0
     } = props;
+    const scrollWheel = touchZoomCenter ? false : props.scrollWheel;
     return {
       dragEnable,
       zoomEnable,
@@ -1894,17 +1924,20 @@ const Amap = defineSetup(function Amap2(props, { slots, emit }) {
       keyboardEnable,
       doubleClickZoom,
       scrollWheel,
-      touchZoom
+      touchZoom,
+      touchZoomCenter
     };
   });
   const elementRef = Vue.shallowRef();
   const mapRef = Vue.shallowRef();
   provideAmap(mapRef);
+  useAmapWheelZoomCenter({ mapRef, enableRef: Vue.computed(() => !!props.touchZoomCenter) });
   Vue.watchPostEffect(() => {
     if (mapRef.value || !elementRef.value)
       return;
     const map = new AMap.Map(elementRef.value, {
       ...defaultOptions,
+      scrollWheel: defaultOptions.touchZoomCenter ? false : defaultOptions.scrollWheel,
       vectorMapForeign,
       mapStyle: "amap://styles/95498a904992a4c0b866a3e4d7729682"
     });
@@ -2063,7 +2096,8 @@ const HeycarMap = defineLagecySetup(function HeycarMap2(props, {
       mapRef: setMap,
       center,
       zoom,
-      touchEnable = true
+      touchEnable = true,
+      touchZoomCenter
     } = props;
     if (status === Status.LOADING)
       return (_a = slots.loading) == null ? void 0 : _a.call(slots);
@@ -2104,6 +2138,7 @@ const HeycarMap = defineLagecySetup(function HeycarMap2(props, {
             "doubleClickZoom": touchEnable,
             "scrollWheel": touchEnable,
             "touchZoom": touchEnable,
+            "touchZoomCenter": touchZoomCenter ? 1 : 0,
             "keyboardEnable": touchEnable,
             "pitchEnable": touchEnable
           },
@@ -2114,7 +2149,7 @@ const HeycarMap = defineLagecySetup(function HeycarMap2(props, {
         }, [children]);
     }
   };
-}).props(["center", "fallback", "loading", "mapRef", "zoom", "touchEnable"]);
+}).props(["center", "fallback", "loading", "mapRef", "zoom", "touchEnable", "touchZoomCenter"]);
 const AmapPolyline = defineSetup(function AmapPolyline2(props) {
   const polylineRef = Vue.shallowRef();
   const mapRef = useAmap();
@@ -3086,6 +3121,7 @@ const useAmapDrag = (props) => {
     var _a;
     isDragging.value = false;
     const { lng, lat } = target.getCenter();
+    spaceLog("dragEnd", "[lng, lat] = ", [lng, lat]);
     centerRef.value = [lng, lat];
     (_a = pipeAsync(onChange)) == null ? void 0 : _a([lng, lat]);
   };
@@ -3135,7 +3171,7 @@ const useUpdate = () => {
   return { idx, update };
 };
 const useAmapPlace = (props) => {
-  const { onChange, onChangeCity } = props;
+  const { onChange, onChangeCity, emptyPlaceName } = props;
   const defaultPoint = [...props.pointRef.value];
   const pointRef = Vue.ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
@@ -3175,9 +3211,11 @@ const useAmapPlace = (props) => {
       geocoder.getAddress(new AMap.LngLat(lng, lat), (status, result) => {
         switch (status) {
           case "complete": {
-            const { formattedAddress: name, addressComponent } = result.regeocode;
+            const { formattedAddress, addressComponent } = result.regeocode;
             const cityName = addressComponent.city ? addressComponent.city : addressComponent.province;
             const cityParentName = addressComponent.province;
+            const name = formattedAddress ? formattedAddress : emptyPlaceName;
+            console.log("geocoder.getAddress status, name, lng, lat = ", status, name, lng, lat);
             place.name = name;
             place.lng = lng;
             place.lat = lat;
@@ -3186,9 +3224,10 @@ const useAmapPlace = (props) => {
             return;
           }
           case "no_data":
-            place.name = "";
+            place.name = emptyPlaceName;
             place.lng = lng;
             place.lat = lat;
+            console.log("geocoder.getAddress status, name, lng, lat = ", status, "", lng, lat);
             onChange == null ? void 0 : onChange({ lng, lat, name: "" });
             return;
           case "error":
@@ -3200,7 +3239,7 @@ const useAmapPlace = (props) => {
   return { place, updatePlace, setPlace, updateCity };
 };
 const useGmapPlace = (props) => {
-  const { onChange, onChangeCity } = props;
+  const { onChange, onChangeCity, emptyPlaceName } = props;
   const defaultPoint = [...props.pointRef.value];
   const pointRef = Vue.ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
@@ -3235,7 +3274,7 @@ const useGmapPlace = (props) => {
       const geocoder = new google.maps.Geocoder();
       const [lng, lat] = pointRef.value;
       const { results } = await geocoder.geocode({ language: LANGUAGE, location: { lng, lat } });
-      const name = results[0].formatted_address;
+      const name = results[0].formatted_address ? results[0].formatted_address : emptyPlaceName;
       const cityName = geocoderResult2cityName(results[0]);
       const cityParentName = results.slice(-2)[0].address_components[0].long_name;
       const countryName = results.slice(-1)[0].address_components[0].long_name;
@@ -3277,12 +3316,22 @@ const findGmapNearestPlace = (place, candidates) => {
   return { shortestPlace, shortestDistance };
 };
 const useAmapRecomendPlace = (props) => {
-  const { pointRef, getRecomendPlace, getLimit, context: context2, onChange, onChangePlace, onChangeCity } = props;
+  const {
+    pointRef,
+    getRecomendPlace,
+    getLimit,
+    context: context2,
+    emptyPlaceName,
+    onChange,
+    onChangePlace,
+    onChangeCity
+  } = props;
   const availableRef = Vue.ref(true);
   const placeCandidatesRef = Vue.ref([]);
   const { idx: recomendPlaceKey, update: updateRecomandPlace } = useUpdate();
   const { readyPromise } = useMapSupplier();
   const { place, updatePlace, setPlace, updateCity } = useAmapPlace({
+    emptyPlaceName,
     pointRef,
     onChange: onChangePlace,
     onChangeCity
@@ -3333,12 +3382,22 @@ const useAmapRecomendPlace = (props) => {
   };
 };
 const useGmapRecomendPlace = (props) => {
-  const { pointRef, getRecomendPlace, getLimit, context: context2, onChange, onChangePlace, onChangeCity } = props;
+  const {
+    pointRef,
+    getRecomendPlace,
+    getLimit,
+    context: context2,
+    emptyPlaceName,
+    onChange,
+    onChangePlace,
+    onChangeCity
+  } = props;
   const availableRef = Vue.ref(true);
   const placeCandidatesRef = Vue.ref([]);
   const { idx: recomendPlaceKey, update: updateRecomandPlace } = useUpdate();
   const { readyPromise } = useMapSupplier();
   const { place, updatePlace, setPlace, updateCity } = useGmapPlace({
+    emptyPlaceName,
     pointRef,
     onChange: onChangePlace,
     onChangeCity
@@ -3805,7 +3864,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   const pipedGetRecomendPlace = pipeOnlyLastEffect(getRecomendPlace);
   const {
     mapRef,
-    setMap
+    setMap,
+    panTo
   } = useHeycarMap();
   const {
     readyPromise
@@ -3916,6 +3976,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     isElectedRef
   } = useMapRecomendPlace({
     pointRef: centerPoint,
+    emptyPlaceName: DEFAULT_PLACE_NAME,
     context: centerSource,
     getRecomendPlace: pipedGetRecomendPlace,
     getLimit: (context2) => {
@@ -3943,6 +4004,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       Object.assign(centerPlace, {
         ...place
       });
+      panTo(place2point(place));
       emit("changeRecomandPlace", place);
       if (isFirstWorkflowRecomendLoadingRef.value)
         await pipeDefer(setZoom)(READY_ZOOM);
@@ -3961,18 +4023,18 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     mapContext.onChangeRecomendPlaces([...placeCandidates.value]);
   });
   return () => {
-    var _a2;
     const {
       geoLoadingTitle,
       recomendDescription,
       unavailableTitle
     } = props;
-    const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : (_a2 = centerPlace.name) != null ? _a2 : DEFAULT_PLACE_NAME;
+    const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : centerPlace.name;
     const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
     return Vue.h(HeycarMap, {
       "attrs": {
         "center": centerPoint.value,
         "zoom": zoomRef.value,
+        "touchZoomCenter": true,
         "mapRef": setMap
       }
     }, [!geoLoading.value && !geoError.value && Vue.h(PassengerCircle, {
@@ -4864,7 +4926,7 @@ const BusinessTaxiEndMap = defineSetup(function BusinessTaxiEndMap2(props) {
   } = useMapFitView({
     mapRef,
     autoFitTimeout: 5e3,
-    padding: [25, 20, 15, 15]
+    padding: [19, 36, 19, 26]
   });
   const deferedSetFitView = pipeDefer(registerFitVeiw.setFitView);
   return () => {
@@ -5247,7 +5309,7 @@ const useBusinessTaxiServiceMap = () => {
   const { registerFitVeiw, setFitView } = useMapFitView({
     mapRef,
     autoFitTimeout: 5e3,
-    padding: [19, 26, 19, 26]
+    padding: [19, 36, 19, 26]
   });
   return { setMap, registerFitVeiw, setFitView };
 };

package/dist/index.js

@@ -1857,6 +1857,35 @@ const useMapLoader = (props) => {
     onChange
   });
 };
+const ZOOM_WHEEL_RATIO = -135e-5;
+const useAmapWheelZoomCenter = (props) => {
+  const { mapRef, enableRef } = props;
+  const handleWheel = (e) => {
+    var _a, _b, _c;
+    const { deltaY } = e;
+    const prevZoom = (_b = (_a = mapRef.value) == null ? void 0 : _a.getZoom()) != null ? _b : 0;
+    const zoom = prevZoom + ZOOM_WHEEL_RATIO * deltaY;
+    console.log("handleWheel zoom = ", zoom);
+    (_c = mapRef.value) == null ? void 0 : _c.setZoom(zoom);
+  };
+  watch(
+    () => enableRef == null ? void 0 : enableRef.value,
+    (enable, _, onCleanup) => {
+      if (enable) {
+        console.log("addEventListener wheel");
+        addEventListener("wheel", handleWheel);
+      } else {
+        console.log("removeEventListener wheel");
+        removeEventListener("wheel", handleWheel);
+      }
+      onCleanup(() => {
+        console.log("onClean removeEventListener wheel");
+        removeEventListener("wheel", handleWheel);
+      });
+    },
+    { immediate: true }
+  );
+};
 const Amap_css_ts_vanilla = "";
 var amap = "_1d8ur7t0";
 const Amap = defineSetup(function Amap2(props, { slots, emit }) {
@@ -1879,9 +1908,10 @@ const Amap = defineSetup(function Amap2(props, { slots, emit }) {
       animateEnable = true,
       keyboardEnable = true,
       doubleClickZoom = true,
-      scrollWheel = true,
-      touchZoom = true
+      touchZoom = true,
+      touchZoomCenter = 0
     } = props;
+    const scrollWheel = touchZoomCenter ? false : props.scrollWheel;
     return {
       dragEnable,
       zoomEnable,
@@ -1892,17 +1922,20 @@ const Amap = defineSetup(function Amap2(props, { slots, emit }) {
       keyboardEnable,
       doubleClickZoom,
       scrollWheel,
-      touchZoom
+      touchZoom,
+      touchZoomCenter
     };
   });
   const elementRef = shallowRef();
   const mapRef = shallowRef();
   provideAmap(mapRef);
+  useAmapWheelZoomCenter({ mapRef, enableRef: computed(() => !!props.touchZoomCenter) });
   watchPostEffect(() => {
     if (mapRef.value || !elementRef.value)
       return;
     const map = new AMap.Map(elementRef.value, {
       ...defaultOptions,
+      scrollWheel: defaultOptions.touchZoomCenter ? false : defaultOptions.scrollWheel,
       vectorMapForeign,
       mapStyle: "amap://styles/95498a904992a4c0b866a3e4d7729682"
     });
@@ -2061,7 +2094,8 @@ const HeycarMap = defineLagecySetup(function HeycarMap2(props, {
       mapRef: setMap,
       center,
       zoom,
-      touchEnable = true
+      touchEnable = true,
+      touchZoomCenter
     } = props;
     if (status === Status.LOADING)
       return (_a = slots.loading) == null ? void 0 : _a.call(slots);
@@ -2102,6 +2136,7 @@ const HeycarMap = defineLagecySetup(function HeycarMap2(props, {
             "doubleClickZoom": touchEnable,
             "scrollWheel": touchEnable,
             "touchZoom": touchEnable,
+            "touchZoomCenter": touchZoomCenter ? 1 : 0,
             "keyboardEnable": touchEnable,
             "pitchEnable": touchEnable
           },
@@ -2112,7 +2147,7 @@ const HeycarMap = defineLagecySetup(function HeycarMap2(props, {
         }, [children]);
     }
   };
-}).props(["center", "fallback", "loading", "mapRef", "zoom", "touchEnable"]);
+}).props(["center", "fallback", "loading", "mapRef", "zoom", "touchEnable", "touchZoomCenter"]);
 const AmapPolyline = defineSetup(function AmapPolyline2(props) {
   const polylineRef = shallowRef();
   const mapRef = useAmap();
@@ -3084,6 +3119,7 @@ const useAmapDrag = (props) => {
     var _a;
     isDragging.value = false;
     const { lng, lat } = target.getCenter();
+    spaceLog("dragEnd", "[lng, lat] = ", [lng, lat]);
     centerRef.value = [lng, lat];
     (_a = pipeAsync(onChange)) == null ? void 0 : _a([lng, lat]);
   };
@@ -3133,7 +3169,7 @@ const useUpdate = () => {
   return { idx, update };
 };
 const useAmapPlace = (props) => {
-  const { onChange, onChangeCity } = props;
+  const { onChange, onChangeCity, emptyPlaceName } = props;
   const defaultPoint = [...props.pointRef.value];
   const pointRef = ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
@@ -3173,9 +3209,11 @@ const useAmapPlace = (props) => {
       geocoder.getAddress(new AMap.LngLat(lng, lat), (status, result) => {
         switch (status) {
           case "complete": {
-            const { formattedAddress: name, addressComponent } = result.regeocode;
+            const { formattedAddress, addressComponent } = result.regeocode;
             const cityName = addressComponent.city ? addressComponent.city : addressComponent.province;
             const cityParentName = addressComponent.province;
+            const name = formattedAddress ? formattedAddress : emptyPlaceName;
+            console.log("geocoder.getAddress status, name, lng, lat = ", status, name, lng, lat);
             place.name = name;
             place.lng = lng;
             place.lat = lat;
@@ -3184,9 +3222,10 @@ const useAmapPlace = (props) => {
             return;
           }
           case "no_data":
-            place.name = "";
+            place.name = emptyPlaceName;
             place.lng = lng;
             place.lat = lat;
+            console.log("geocoder.getAddress status, name, lng, lat = ", status, "", lng, lat);
             onChange == null ? void 0 : onChange({ lng, lat, name: "" });
             return;
           case "error":
@@ -3198,7 +3237,7 @@ const useAmapPlace = (props) => {
   return { place, updatePlace, setPlace, updateCity };
 };
 const useGmapPlace = (props) => {
-  const { onChange, onChangeCity } = props;
+  const { onChange, onChangeCity, emptyPlaceName } = props;
   const defaultPoint = [...props.pointRef.value];
   const pointRef = ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
@@ -3233,7 +3272,7 @@ const useGmapPlace = (props) => {
       const geocoder = new google.maps.Geocoder();
       const [lng, lat] = pointRef.value;
       const { results } = await geocoder.geocode({ language: LANGUAGE, location: { lng, lat } });
-      const name = results[0].formatted_address;
+      const name = results[0].formatted_address ? results[0].formatted_address : emptyPlaceName;
       const cityName = geocoderResult2cityName(results[0]);
       const cityParentName = results.slice(-2)[0].address_components[0].long_name;
       const countryName = results.slice(-1)[0].address_components[0].long_name;
@@ -3275,12 +3314,22 @@ const findGmapNearestPlace = (place, candidates) => {
   return { shortestPlace, shortestDistance };
 };
 const useAmapRecomendPlace = (props) => {
-  const { pointRef, getRecomendPlace, getLimit, context: context2, onChange, onChangePlace, onChangeCity } = props;
+  const {
+    pointRef,
+    getRecomendPlace,
+    getLimit,
+    context: context2,
+    emptyPlaceName,
+    onChange,
+    onChangePlace,
+    onChangeCity
+  } = props;
   const availableRef = ref(true);
   const placeCandidatesRef = ref([]);
   const { idx: recomendPlaceKey, update: updateRecomandPlace } = useUpdate();
   const { readyPromise } = useMapSupplier();
   const { place, updatePlace, setPlace, updateCity } = useAmapPlace({
+    emptyPlaceName,
     pointRef,
     onChange: onChangePlace,
     onChangeCity
@@ -3331,12 +3380,22 @@ const useAmapRecomendPlace = (props) => {
   };
 };
 const useGmapRecomendPlace = (props) => {
-  const { pointRef, getRecomendPlace, getLimit, context: context2, onChange, onChangePlace, onChangeCity } = props;
+  const {
+    pointRef,
+    getRecomendPlace,
+    getLimit,
+    context: context2,
+    emptyPlaceName,
+    onChange,
+    onChangePlace,
+    onChangeCity
+  } = props;
   const availableRef = ref(true);
   const placeCandidatesRef = ref([]);
   const { idx: recomendPlaceKey, update: updateRecomandPlace } = useUpdate();
   const { readyPromise } = useMapSupplier();
   const { place, updatePlace, setPlace, updateCity } = useGmapPlace({
+    emptyPlaceName,
     pointRef,
     onChange: onChangePlace,
     onChangeCity
@@ -3803,7 +3862,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   const pipedGetRecomendPlace = pipeOnlyLastEffect(getRecomendPlace);
   const {
     mapRef,
-    setMap
+    setMap,
+    panTo
   } = useHeycarMap();
   const {
     readyPromise
@@ -3914,6 +3974,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     isElectedRef
   } = useMapRecomendPlace({
     pointRef: centerPoint,
+    emptyPlaceName: DEFAULT_PLACE_NAME,
     context: centerSource,
     getRecomendPlace: pipedGetRecomendPlace,
     getLimit: (context2) => {
@@ -3941,6 +4002,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       Object.assign(centerPlace, {
         ...place
       });
+      panTo(place2point(place));
       emit("changeRecomandPlace", place);
       if (isFirstWorkflowRecomendLoadingRef.value)
         await pipeDefer(setZoom)(READY_ZOOM);
@@ -3959,18 +4021,18 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     mapContext.onChangeRecomendPlaces([...placeCandidates.value]);
   });
   return () => {
-    var _a2;
     const {
       geoLoadingTitle,
       recomendDescription,
       unavailableTitle
     } = props;
-    const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : (_a2 = centerPlace.name) != null ? _a2 : DEFAULT_PLACE_NAME;
+    const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : centerPlace.name;
     const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
     return h(HeycarMap, {
       "attrs": {
         "center": centerPoint.value,
         "zoom": zoomRef.value,
+        "touchZoomCenter": true,
         "mapRef": setMap
       }
     }, [!geoLoading.value && !geoError.value && h(PassengerCircle, {
@@ -4862,7 +4924,7 @@ const BusinessTaxiEndMap = defineSetup(function BusinessTaxiEndMap2(props) {
   } = useMapFitView({
     mapRef,
     autoFitTimeout: 5e3,
-    padding: [25, 20, 15, 15]
+    padding: [19, 36, 19, 26]
   });
   const deferedSetFitView = pipeDefer(registerFitVeiw.setFitView);
   return () => {
@@ -5245,7 +5307,7 @@ const useBusinessTaxiServiceMap = () => {
   const { registerFitVeiw, setFitView } = useMapFitView({
     mapRef,
     autoFitTimeout: 5e3,
-    padding: [19, 26, 19, 26]
+    padding: [19, 36, 19, 26]
   });
   return { setMap, registerFitVeiw, setFitView };
 };

package/dist/style.css

@@ -140,7 +140,7 @@
   font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #1E1E1E;
-  line-height: 3.9vw;
+  line-height: 4vw;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heycar/heycars-map",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "type": "module",
   "scripts": {
     "dev": "vite -c vite.config.dev.ts",

package/todo.md

@@ -3,39 +3,26 @@ https://dawchihliou.github.io/articles/building-custom-google-maps-marker-react-
 2. Google 地址名称太长
 3. 高德地图加载期间出现大量的请求
 4. 做完其他事情进入首页，变成了获取定位失败，但其实 gps 是 ok 的，因为刷新页面是有点位的
+5. map 的两个 slot loading 和 error slot 没有生效
+6. 企业微信如果关闭定位，会不停的跳 geoError 事件
 
-特殊
+缩放问题
 
-- 5173
-- 5244 新开一个窗口，打开网址
-
-caught (in promise) Error: Invalid Object: LngLat(NaN, NaN)
+- 4867
+- 4920
 
 章新华
 
 - 5238
 
-郝瑞
-
-- 5033 是否可以关闭
-- 5177 不太明白
-- 5168 需要在 获取推荐点的接口调用那里增加 地图供应商参数
-
 不明白的
 
-- 4843
-- 4986
-- 5024
 - 5294
 
 需要复现
 
-- 4769
-- 4867
 - 5044
 - 5113
-- 5173
-- 5303 需要 nearAddress 发送的经纬度
 - 5291
 - 5257 我的 safari 没有问题
 
@@ -81,3 +68,14 @@ caught (in promise) Error: Invalid Object: LngLat(NaN, NaN)
 - 5198
 - 5173
 - 5168
+
+  0.5.1
+
+- 5303
+- 5329
+- 4769
+- 5044 （跟章新华说下）
+- 5314
+- 5347
+- 5348
+- 5057