@heycar/heycars-map 0.6.3 → 0.6.5

package/dist/components/Gmap/Gmap.css.d.ts

@@ -1,2 +1,10 @@
 export declare const gmap: string;
+export declare const noneTouchAction: import("@vanilla-extract/recipes").RuntimeFn<{
+    enable: {
+        true: {
+            touchAction: "none";
+        };
+        false: {};
+    };
+}>;
 export declare const gmapLayout: string;

package/dist/components/Gmap/Gmap.d.ts

@@ -4,9 +4,10 @@ import { UseResizeObserverProps } from "../../hooks/useResizeObserver";
 import type { MapEventHandler } from "../../types/mapHelper";
 export interface GmapProps extends google.maps.MapOptions {
     mapRef?: SetMap<google.maps.Map>;
+    touchZoomCenter?: boolean;
     onDragStart?: MapEventHandler<google.maps.Map>;
     onDragEnd?: MapEventHandler<google.maps.Map>;
-    onZoom_change?: MapEventHandler<google.maps.Map>;
+    onZoom_changed?: MapEventHandler<google.maps.Map>;
     onResize?: UseResizeObserverProps["onChange"];
 }
-export declare const Gmap: import("vue-demi").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<GmapProps>, 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<GmapProps, Required<GmapProps>>, "resize" | "dragStart" | "dragEnd" | "zoom_change", GmapProps, {}>;
+export declare const Gmap: import("vue-demi").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<GmapProps>, 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<GmapProps, Required<GmapProps>>, "resize" | "dragStart" | "dragEnd" | "zoom_changed", GmapProps, {}>;

package/dist/hooks/useMapGestureZoomCenter.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="google.maps" />
+import { Ref, ShallowRef } from "vue-demi";
+interface UseMapGestureZoomCenterProps {
+    elementRef: ShallowRef<HTMLDivElement | undefined>;
+    mapRef: ShallowRef<google.maps.Map | undefined>;
+    enableRef: Ref<boolean>;
+}
+export declare const useGmapGestureZoomCenter: (props: UseMapGestureZoomCenterProps) => void;
+export {};

package/dist/hooks/useMapTouchStartCenter.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="google.maps" />
+import { ShallowRef } from "vue-demi";
+interface UseGmapTouchStartCenterProps {
+    mapRef: ShallowRef<google.maps.Map | undefined>;
+    elementRef: ShallowRef<HTMLDivElement | undefined>;
+}
+export declare const useGmapTouchStartCenter: (props: UseGmapTouchStartCenterProps) => {
+    touchstartCenterRef: import("vue-demi").Ref<[number, number] | undefined>;
+};
+export {};

package/dist/hooks/useMapWheelZoomCenter.d.ts

@@ -5,4 +5,5 @@ interface UseWheelZoomCenterProps<M = AMap.Map | google.maps.Map> {
     enableRef?: Ref<boolean>;
 }
 export declare const useAmapWheelZoomCenter: (props: UseWheelZoomCenterProps<AMap.Map>) => void;
+export declare const useGmapWheelZoomCenter: (props: UseWheelZoomCenterProps<google.maps.Map>) => void;
 export {};

package/dist/hooks/useResizeObserver.d.ts

@@ -1,6 +1,6 @@
 import { ShallowRef } from "vue-demi";
 export interface UseResizeObserverProps {
-    elementRef: ShallowRef<HTMLDivElement>;
+    elementRef: ShallowRef<HTMLDivElement | undefined>;
     onChange?: (props: {
         width: number;
         height: number;

package/dist/index.cjs

@@ -884,8 +884,8 @@ createComparator(function() {
 createComparator(createCircularEqualCreator());
 createComparator(createCircularEqualCreator(sameValueZeroEqual));
 const vec2lnglat = ([lng, lat]) => ({
-  lng,
-  lat
+  lng: Number(lng),
+  lat: Number(lat)
 });
 const decodeAsterisk = (encodedValue) => {
   const result = [];
@@ -912,7 +912,7 @@ const language2vectorMapForeign = (lang) => {
       return "style_zh_cn";
   }
 };
-const place2point = (place) => [place.lng, place.lat];
+const place2point = (place) => [Number(place.lng), Number(place.lat)];
 const pipeAsync = (fn) => (...args) => {
   Promise.resolve().then(() => fn == null ? void 0 : fn(...args));
 };
@@ -943,6 +943,15 @@ const isPlaceEqual = (p1, p2) => {
 const isPointEqual = (p1, p2) => {
   return p1[0] === (p2 == null ? void 0 : p2[0]) && p1[1] === (p2 == null ? void 0 : p2[1]);
 };
+const toPlaceType = (maybePlace) => {
+  const lng = Number(maybePlace.lng);
+  if (isNaN(lng))
+    throw new Error("MyError: expect lng to be number");
+  const lat = Number(maybePlace.lat);
+  if (isNaN(lat))
+    throw new Error("MyError: expect lat to be number");
+  return { lng, lat, name: maybePlace.name };
+};
 const deepCompareEqualsForMaps = createComparator((deepEqual) => (a, b) => {
   if (isLatLngLiteral(a) || isLatLngLiteral(b)) {
     return new google.maps.LatLng(a).equals(new google.maps.LatLng(b));
@@ -1043,7 +1052,7 @@ function watchPostEffectForGMapEvent(targetRef, props, emit, propertyNames) {
     for (const name of propertyNames) {
       const emitEventName = property2emitEventName(name);
       const eventName = property2mapEventName(name);
-      const handler = (e) => emit(emitEventName, e);
+      const handler = (e) => emit(emitEventName, { ...e, target });
       const listener = target.addListener(eventName, handler);
       cleanList.push(() => google.maps.event.removeListener(listener));
     }
@@ -1977,6 +1986,25 @@ const useMapEventSource = () => {
   };
   return { executeMapApi };
 };
+const useGmapTouchStartCenter = (props) => {
+  const { mapRef, elementRef } = props;
+  const touchstartCenterRef = Vue.ref(void 0);
+  Vue.watchEffect((onCleanup) => {
+    const map = mapRef.value;
+    const element = elementRef.value;
+    if (!map || !element)
+      return;
+    const handleTouchStart = () => {
+      const center = map.getCenter();
+      const lng = center == null ? void 0 : center.lng();
+      const lat = center == null ? void 0 : center.lat();
+      touchstartCenterRef.value = lng && lat ? [lng, lat] : void 0;
+    };
+    element.addEventListener("touchstart", handleTouchStart);
+    onCleanup(() => element.removeEventListener("touchstart", handleTouchStart));
+  });
+  return { touchstartCenterRef };
+};
 const useResizeObserver = (props) => {
   const { elementRef, onChange } = props;
   const resizeObserver = new ResizeObserver(([entry]) => {
@@ -1997,27 +2025,109 @@ const useResizeObserver = (props) => {
   });
 };
 const Gmap_css_ts_vanilla = "";
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys2.push.apply(keys2, symbols);
+  }
+  return keys2;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
+  for (var key of Object.keys(compoundCheck)) {
+    var _selections$key;
+    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {
+      return false;
+    }
+  }
+  return true;
+};
+var createRuntimeFn = (config) => (options) => {
+  var className = config.defaultClassName;
+  var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+  for (var variantName in selections) {
+    var _selections$variantNa;
+    var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+    if (variantSelection != null) {
+      var selection = variantSelection;
+      if (typeof selection === "boolean") {
+        selection = selection === true ? "true" : "false";
+      }
+      var selectionClassName = (
+        // @ts-expect-error
+        config.variantClassNames[variantName][selection]
+      );
+      if (selectionClassName) {
+        className += " " + selectionClassName;
+      }
+    }
+  }
+  for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
+    if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
+      className += " " + compoundClassName;
+    }
+  }
+  return className;
+};
 var gmap = "_7anfuo0";
+createRuntimeFn({ defaultClassName: "", variantClassNames: { enable: { true: "_7anfuo1", false: "_7anfuo2" } }, defaultVariants: {}, compoundVariants: [] });
 const Gmap = defineSetup(function Gmap2(props, { slots, emit }) {
   const setMap = props.mapRef;
   const { onResize } = props;
   const options = Vue.computed(() => {
-    const { mapRef: mapRef2, onDragStart, onDragEnd, onZoom_change, ...options2 } = props;
+    const { mapRef: mapRef2, onDragStart, onDragEnd, onZoom_changed, touchZoomCenter, ...options2 } = props;
     return options2;
   });
   const defaultOptions = options.value;
   const elementRef = Vue.shallowRef();
   const mapRef = Vue.shallowRef();
   const { executeMapApi } = useMapEventSource();
-  const handleDrag = (name) => emit(name, { target: mapRef.value });
+  const { touchstartCenterRef } = useGmapTouchStartCenter({ mapRef, elementRef });
+  const handleDrag = (name) => {
+    emit(name, { target: mapRef.value });
+  };
+  const handleZoom = (name) => {
+    var _a;
+    emit(name, { target: mapRef.value });
+    const center = touchstartCenterRef.value;
+    if (center)
+      (_a = mapRef.value) == null ? void 0 : _a.setCenter(vec2lnglat(center));
+  };
   provideGmap(mapRef);
   useResizeObserver({ elementRef, onChange: onResize });
   Vue.watchPostEffect(() => {
-    if (mapRef.value || !elementRef.value)
+    const element = elementRef.value;
+    if (mapRef.value || !element)
       return;
     let map;
     executeMapApi(() => {
-      map = new google.maps.Map(elementRef.value, { ...defaultOptions });
+      map = new google.maps.Map(element, { ...defaultOptions });
       window.GlobalGmap = map;
     });
     mapRef.value = map;
@@ -2032,11 +2142,8 @@ const Gmap = defineSetup(function Gmap2(props, { slots, emit }) {
       });
     }
   );
-  watchPostEffectForGMapEvent(mapRef, props, handleDrag, [
-    "onDragStart",
-    "onDragEnd",
-    "onZoom_change"
-  ]);
+  watchPostEffectForGMapEvent(mapRef, props, handleDrag, ["onDragStart", "onDragEnd"]);
+  watchPostEffectForGMapEvent(mapRef, props, handleZoom, ["onZoom_changed"]);
   return () => {
     var _a;
     return Vue.h("div", { ref: elementRef, class: gmap }, (_a = slots.default) == null ? void 0 : _a.call(slots));
@@ -2120,8 +2227,9 @@ const HeycarMap = defineLagecySetup(function HeycarMap2(props, {
             "disableDefaultUI": true,
             "clickableIcons": false,
             "disableDoubleClickZoom": touchEnable,
-            "gestureHandling": touchEnable ? "auto" : "none",
-            "keyboardShortcuts": touchEnable
+            "gestureHandling": touchEnable ? "greedy" : "none",
+            "keyboardShortcuts": touchEnable,
+            "touchZoomCenter": touchZoomCenter
           },
           "on": {
             "dragEnd": gmapHandleDargEnd,
@@ -2540,7 +2648,7 @@ const spaceLog = (logKey, ...args) => {
     return;
   console.log(logKey, ...args);
 };
-const GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT = 20;
+const GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT$1 = 20;
 const useAmapFitView = (props) => {
   const { mapRef, autoFitTimeout } = props;
   const overlayGroup = /* @__PURE__ */ new Set();
@@ -2662,7 +2770,7 @@ const useGmapFitView = (props) => {
       setFitView();
     }, autoFitTimeout);
   };
-  const handleZoomChange = debounce(handleMoveEnd, GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT);
+  const handleZoomChange = debounce(handleMoveEnd, GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT$1);
   watchPostEffectForGMapEvent(mapRef, {}, handleMoveEnd, [
     "onDragEnd"
   ]);
@@ -2760,76 +2868,6 @@ const ZINDEX_PASSENGER_LAYER = 20;
 const imgEndPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI3Mi4zMzklIiB5MT0iNTAlIiB4Mj0iMCUiIHkyPSI1MCUiIGlkPSJwcmVmaXhfX2EiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjg0NDciIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkY4QjRBIiBvZmZzZXQ9IjUwLjU5NiUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZBOTVBIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAzMC4yMTVjMi4xMzQgMCAzLjg2My0uODkzIDMuODYzLTEuOTk1IDAtMS4xLTEuNzMtMS45OTQtMy44NjMtMS45OTQtMi4xMzQgMC0zLjg2My44OTMtMy44NjMgMS45OTQgMCAxLjEwMiAxLjczIDEuOTk1IDMuODYzIDEuOTk1eiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iIzQzNDg1QSIvPjxwYXRoIGQ9Ik0xMSAyNy4wMDZjMi4xMjggMC0uOS0zLjc0MyA1LjYyMS02LjY0M0MxOS44NDIgMTguNDUzIDIyIDE0Ljk1MyAyMiAxMC45NSAyMiA0LjkwMiAxNy4wNzUgMCAxMSAwUzAgNC45MDIgMCAxMC45NWMwIDMuOTE4IDIuMDY4IDcuMzU2IDUuMTc3IDkuMjlDMTEuNzUgMjMuMjg0IDkuMDYgMjcuMDA3IDExIDI3LjAwN3oiIHN0cm9rZT0iI0ZGRiIgZmlsbD0idXJsKCNwcmVmaXhfX2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuMjE1KSIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLVNlbWlib2xkLCBQaW5nRmFuZyBTQyIgZm9udC1zaXplPSIxMiIgZm9udC13ZWlnaHQ9IjUwMCIgZmlsbD0iI0ZGRiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjIxNSkiPjx0c3BhbiB4PSI1IiB5PSIxNS40NDkiPue7iDwvdHNwYW4+PC90ZXh0PjwvZz48L3N2Zz4=";
 const imgStartPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeDI9IjEyOS41OTklIiB5Mj0iNTAlIiBpZD0icHJlZml4X19hIj48c3RvcCBzdG9wLWNvbG9yPSIjMzZBOEZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQ4NzFGMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTIgMzAuMjE1YzEuOTUgMCAzLjUzMi0uODE2IDMuNTMyLTEuODIzIDAtMS4wMDctMS41ODEtMS44MjMtMy41MzItMS44MjMtMS45NSAwLTMuNTMyLjgxNi0zLjUzMiAxLjgyMyAwIDEuMDA3IDEuNTgxIDEuODIzIDMuNTMyIDEuODIzeiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iIzQzNDg1QSIvPjxwYXRoIGQ9Ik0xMSAyN2MyLjEyOCAwLS45LTMuNzQyIDUuNjIxLTYuNjQxIDMuMjIxLTEuOTEgNS4zNzktNS40MSA1LjM3OS05LjQxMkMyMiA0LjkwMSAxNy4wNzUgMCAxMSAwUzAgNC45MDEgMCAxMC45NDdjMCAzLjkxOCAyLjA2OCA3LjM1NSA1LjE3NyA5LjI5QzExLjc1IDIzLjI3NyA5LjA2IDI3IDExIDI3eiIgc3Ryb2tlPSIjRkZGIiBmaWxsPSJ1cmwoI3ByZWZpeF9fYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMS4yMTUpIi8+PHRleHQgZm9udC1mYW1pbHk9IlBpbmdGYW5nU0MtU2VtaWJvbGQsIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNTAwIiBmaWxsPSIjRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuMjE1KSI+PHRzcGFuIHg9IjUiIHk9IjE1LjYyNCI+6LW3PC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==";
 const StartEndPoint_css_ts_vanilla = "";
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys2 = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys2.push.apply(keys2, symbols);
-  }
-  return keys2;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
-  for (var key of Object.keys(compoundCheck)) {
-    var _selections$key;
-    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {
-      return false;
-    }
-  }
-  return true;
-};
-var createRuntimeFn = (config) => (options) => {
-  var className = config.defaultClassName;
-  var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
-  for (var variantName in selections) {
-    var _selections$variantNa;
-    var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
-    if (variantSelection != null) {
-      var selection = variantSelection;
-      if (typeof selection === "boolean") {
-        selection = selection === true ? "true" : "false";
-      }
-      var selectionClassName = (
-        // @ts-expect-error
-        config.variantClassNames[variantName][selection]
-      );
-      if (selectionClassName) {
-        className += " " + selectionClassName;
-      }
-    }
-  }
-  for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
-    if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
-      className += " " + compoundClassName;
-    }
-  }
-  return className;
-};
 var pointIcon = createRuntimeFn({ defaultClassName: "", variantClassNames: { type: { start: "_4a4ovk6", end: "_4a4ovk7" } }, defaultVariants: {}, compoundVariants: [] });
 var pointInfoBox = "_4a4ovk1";
 var pointInfoBoxDescription = "_4a4ovk4";
@@ -3110,6 +3148,7 @@ const useGeoLocation = (props) => {
       loading.value = true;
       const watchId = singleGeoWatch.watchPosition(
         async (position) => {
+          console.log("watchPosition success position = ", position);
           const coordinate = position.coords;
           const wgsPoint = [position.coords.longitude, position.coords.latitude];
           const point = await toGcj02(wgsPoint);
@@ -3123,6 +3162,7 @@ const useGeoLocation = (props) => {
           onChange == null ? void 0 : onChange({ position: point, coordinate });
         },
         (error) => {
+          console.log("watchPosition error = ", error);
           loading.value = false;
           errorRef.value = error;
           const position = props == null ? void 0 : props.geoDefaultPosition;
@@ -3489,6 +3529,7 @@ const useMapRecomendPlace = (props) => {
   const { supplier } = useMapSupplier();
   return supplier === "gmap" ? useGmapRecomendPlace(props) : useAmapRecomendPlace(props);
 };
+const GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT = 50;
 const DEFAULT_ZOOM$1 = 13;
 const useAmapZoom = (props) => {
   var _a, _b, _c;
@@ -3518,13 +3559,16 @@ const useGmapZoom = (props) => {
     zoomRef.value = v;
     (_a2 = mapRef.value) == null ? void 0 : _a2.setZoom(v);
   };
-  const handleZoomChange = (_, { target }) => {
-    const zoom = target.getZoom();
-    zoomRef.value = zoom;
-    onChange == null ? void 0 : onChange(zoom);
-  };
+  const handleZoomChange = debounce(
+    (_, { target }) => {
+      const zoom = target.getZoom();
+      zoomRef.value = zoom;
+      onChange == null ? void 0 : onChange(zoom);
+    },
+    GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT
+  );
   watchPostEffectForGMapEvent(mapRef, {}, handleZoomChange, [
-    "onZoom_change"
+    "onZoom_changed"
   ]);
   return { zoomRef, setZoom };
 };
@@ -3913,8 +3957,9 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     centerSource.source = "api";
     updatePlace(point);
   };
-  const setCenterPlaceByUserSpecified = async (place) => {
+  const setCenterPlaceByUserSpecified = async (input) => {
     centerSource.source = "api";
+    const place = toPlaceType(input);
     centerPlace.lng = place.lng;
     centerPlace.lat = place.lat;
     centerPlace.name = place.name;
@@ -3940,12 +3985,14 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   } = useGeoLocation({
     geoDefaultPosition,
     onLoad: async (value) => {
+      console.log("useGeoLocation onLoad value = ", value);
       await readyPromise;
       centerSource.source = "geo";
       updatePlace(value.position);
       emit("loadGeoLocation", value);
     },
     onLoadDefault: async (value) => {
+      console.log("useGeoLocation onLoadDefault value = ", value);
       await readyPromise;
       const place = await defaultCenterPlacePromise;
       centerSource.source = "geo";
@@ -4039,6 +4086,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     } = props;
     const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : centerPlace.name;
     const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
+    console.log("BusinessRecomendPlaceMap render geoLoading, isFirstWorkflowRecomendLoadingRef = ", geoLoading.value, isFirstWorkflowRecomendLoadingRef.value);
     return Vue.h(HeycarMap, {
       "attrs": {
         "center": centerPoint.value,
@@ -4973,10 +5021,12 @@ const BusinessTaxiEndMap = defineSetup(function BusinessTaxiEndMap2(props) {
   const deferedSetFitView = pipeDefer(registerFitVeiw.setFitView);
   return () => {
     const {
-      from,
-      to
+      from: inputFrom,
+      to: inputTo
     } = props;
-    const isReady = isPlace(from) && isPlace(to);
+    const isReady = isPlace(inputFrom) && isPlace(inputTo);
+    const from = toPlaceType(inputFrom);
+    const to = toPlaceType(inputTo);
     const center = isReady ? place2point(from) : [...BEIJIN_POINT];
     return Vue.h(HeycarMap, {
       "attrs": {
@@ -5040,12 +5090,14 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
   return () => {
     const {
       driverStatus,
-      from,
-      to,
+      from: inputFrom,
+      to: inputTo,
       dispatchingTitle,
       bookDispatchingTitle,
       driverArrivedTitle
     } = props;
+    const from = toPlaceType(inputFrom);
+    const to = toPlaceType(inputTo);
     const carPosition = carPositionRef.value;
     const carAngle = carAngleRef.value;
     const touchEnable = !["canceled", "canceling", "completed", "endService", "waitpay", "waitRechargePay", "refund", "rechargePayed", "payed"].includes(driverStatus);

package/dist/index.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import Vue, { defineComponent, h, computed, inject, provide, watch, onMounted, onUnmounted, watchPostEffect, shallowRef, reactive, toRefs, ref, toRef, watchEffect } from "vue";
+import Vue, { defineComponent, h, computed, inject, provide, watch, onMounted, onUnmounted, watchPostEffect, shallowRef, ref, watchEffect, reactive, toRefs, toRef } from "vue";
 const style = "";
 Vue.util.warn;
 const imgAddressLocator = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSItMzkuNzE5JSIgeTE9IjUwJSIgeDI9IjEyNi4wOTMlIiB5Mj0iNTAlIiBpZD0icHJlZml4X19hIj48c3RvcCBzdG9wLWNvbG9yPSIjNzlBRkZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDOERGRiIgb2Zmc2V0PSIzMi4zNDIlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUwN0ZGRiIgb2Zmc2V0PSI3NC44NTMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQ0NzFGRiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTEuNSAyNGgzdjE0LjVhMS41IDEuNSAwIDAxLTMgMFYyNHoiIGZpbGw9IiM0QzgwRkYiLz48Zz48Y2lyY2xlIGZpbGw9InVybCgjcHJlZml4X19hKSIgY3g9IjEzIiBjeT0iMTMiIHI9IjEzIi8+PGNpcmNsZSBmaWxsPSIjRkZGIiBjeD0iMTMiIGN5PSIxMyIgcj0iNCIvPjwvZz48L2c+PC9zdmc+";
@@ -882,8 +882,8 @@ createComparator(function() {
 createComparator(createCircularEqualCreator());
 createComparator(createCircularEqualCreator(sameValueZeroEqual));
 const vec2lnglat = ([lng, lat]) => ({
-  lng,
-  lat
+  lng: Number(lng),
+  lat: Number(lat)
 });
 const decodeAsterisk = (encodedValue) => {
   const result = [];
@@ -910,7 +910,7 @@ const language2vectorMapForeign = (lang) => {
       return "style_zh_cn";
   }
 };
-const place2point = (place) => [place.lng, place.lat];
+const place2point = (place) => [Number(place.lng), Number(place.lat)];
 const pipeAsync = (fn) => (...args) => {
   Promise.resolve().then(() => fn == null ? void 0 : fn(...args));
 };
@@ -941,6 +941,15 @@ const isPlaceEqual = (p1, p2) => {
 const isPointEqual = (p1, p2) => {
   return p1[0] === (p2 == null ? void 0 : p2[0]) && p1[1] === (p2 == null ? void 0 : p2[1]);
 };
+const toPlaceType = (maybePlace) => {
+  const lng = Number(maybePlace.lng);
+  if (isNaN(lng))
+    throw new Error("MyError: expect lng to be number");
+  const lat = Number(maybePlace.lat);
+  if (isNaN(lat))
+    throw new Error("MyError: expect lat to be number");
+  return { lng, lat, name: maybePlace.name };
+};
 const deepCompareEqualsForMaps = createComparator((deepEqual) => (a, b) => {
   if (isLatLngLiteral(a) || isLatLngLiteral(b)) {
     return new google.maps.LatLng(a).equals(new google.maps.LatLng(b));
@@ -1041,7 +1050,7 @@ function watchPostEffectForGMapEvent(targetRef, props, emit, propertyNames) {
     for (const name of propertyNames) {
       const emitEventName = property2emitEventName(name);
       const eventName = property2mapEventName(name);
-      const handler = (e) => emit(emitEventName, e);
+      const handler = (e) => emit(emitEventName, { ...e, target });
       const listener = target.addListener(eventName, handler);
       cleanList.push(() => google.maps.event.removeListener(listener));
     }
@@ -1975,6 +1984,25 @@ const useMapEventSource = () => {
   };
   return { executeMapApi };
 };
+const useGmapTouchStartCenter = (props) => {
+  const { mapRef, elementRef } = props;
+  const touchstartCenterRef = ref(void 0);
+  watchEffect((onCleanup) => {
+    const map = mapRef.value;
+    const element = elementRef.value;
+    if (!map || !element)
+      return;
+    const handleTouchStart = () => {
+      const center = map.getCenter();
+      const lng = center == null ? void 0 : center.lng();
+      const lat = center == null ? void 0 : center.lat();
+      touchstartCenterRef.value = lng && lat ? [lng, lat] : void 0;
+    };
+    element.addEventListener("touchstart", handleTouchStart);
+    onCleanup(() => element.removeEventListener("touchstart", handleTouchStart));
+  });
+  return { touchstartCenterRef };
+};
 const useResizeObserver = (props) => {
   const { elementRef, onChange } = props;
   const resizeObserver = new ResizeObserver(([entry]) => {
@@ -1995,27 +2023,109 @@ const useResizeObserver = (props) => {
   });
 };
 const Gmap_css_ts_vanilla = "";
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys2.push.apply(keys2, symbols);
+  }
+  return keys2;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
+  for (var key of Object.keys(compoundCheck)) {
+    var _selections$key;
+    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {
+      return false;
+    }
+  }
+  return true;
+};
+var createRuntimeFn = (config) => (options) => {
+  var className = config.defaultClassName;
+  var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+  for (var variantName in selections) {
+    var _selections$variantNa;
+    var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+    if (variantSelection != null) {
+      var selection = variantSelection;
+      if (typeof selection === "boolean") {
+        selection = selection === true ? "true" : "false";
+      }
+      var selectionClassName = (
+        // @ts-expect-error
+        config.variantClassNames[variantName][selection]
+      );
+      if (selectionClassName) {
+        className += " " + selectionClassName;
+      }
+    }
+  }
+  for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
+    if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
+      className += " " + compoundClassName;
+    }
+  }
+  return className;
+};
 var gmap = "_7anfuo0";
+createRuntimeFn({ defaultClassName: "", variantClassNames: { enable: { true: "_7anfuo1", false: "_7anfuo2" } }, defaultVariants: {}, compoundVariants: [] });
 const Gmap = defineSetup(function Gmap2(props, { slots, emit }) {
   const setMap = props.mapRef;
   const { onResize } = props;
   const options = computed(() => {
-    const { mapRef: mapRef2, onDragStart, onDragEnd, onZoom_change, ...options2 } = props;
+    const { mapRef: mapRef2, onDragStart, onDragEnd, onZoom_changed, touchZoomCenter, ...options2 } = props;
     return options2;
   });
   const defaultOptions = options.value;
   const elementRef = shallowRef();
   const mapRef = shallowRef();
   const { executeMapApi } = useMapEventSource();
-  const handleDrag = (name) => emit(name, { target: mapRef.value });
+  const { touchstartCenterRef } = useGmapTouchStartCenter({ mapRef, elementRef });
+  const handleDrag = (name) => {
+    emit(name, { target: mapRef.value });
+  };
+  const handleZoom = (name) => {
+    var _a;
+    emit(name, { target: mapRef.value });
+    const center = touchstartCenterRef.value;
+    if (center)
+      (_a = mapRef.value) == null ? void 0 : _a.setCenter(vec2lnglat(center));
+  };
   provideGmap(mapRef);
   useResizeObserver({ elementRef, onChange: onResize });
   watchPostEffect(() => {
-    if (mapRef.value || !elementRef.value)
+    const element = elementRef.value;
+    if (mapRef.value || !element)
       return;
     let map;
     executeMapApi(() => {
-      map = new google.maps.Map(elementRef.value, { ...defaultOptions });
+      map = new google.maps.Map(element, { ...defaultOptions });
       window.GlobalGmap = map;
     });
     mapRef.value = map;
@@ -2030,11 +2140,8 @@ const Gmap = defineSetup(function Gmap2(props, { slots, emit }) {
       });
     }
   );
-  watchPostEffectForGMapEvent(mapRef, props, handleDrag, [
-    "onDragStart",
-    "onDragEnd",
-    "onZoom_change"
-  ]);
+  watchPostEffectForGMapEvent(mapRef, props, handleDrag, ["onDragStart", "onDragEnd"]);
+  watchPostEffectForGMapEvent(mapRef, props, handleZoom, ["onZoom_changed"]);
   return () => {
     var _a;
     return h("div", { ref: elementRef, class: gmap }, (_a = slots.default) == null ? void 0 : _a.call(slots));
@@ -2118,8 +2225,9 @@ const HeycarMap = defineLagecySetup(function HeycarMap2(props, {
             "disableDefaultUI": true,
             "clickableIcons": false,
             "disableDoubleClickZoom": touchEnable,
-            "gestureHandling": touchEnable ? "auto" : "none",
-            "keyboardShortcuts": touchEnable
+            "gestureHandling": touchEnable ? "greedy" : "none",
+            "keyboardShortcuts": touchEnable,
+            "touchZoomCenter": touchZoomCenter
           },
           "on": {
             "dragEnd": gmapHandleDargEnd,
@@ -2538,7 +2646,7 @@ const spaceLog = (logKey, ...args) => {
     return;
   console.log(logKey, ...args);
 };
-const GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT = 20;
+const GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT$1 = 20;
 const useAmapFitView = (props) => {
   const { mapRef, autoFitTimeout } = props;
   const overlayGroup = /* @__PURE__ */ new Set();
@@ -2660,7 +2768,7 @@ const useGmapFitView = (props) => {
       setFitView();
     }, autoFitTimeout);
   };
-  const handleZoomChange = debounce(handleMoveEnd, GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT);
+  const handleZoomChange = debounce(handleMoveEnd, GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT$1);
   watchPostEffectForGMapEvent(mapRef, {}, handleMoveEnd, [
     "onDragEnd"
   ]);
@@ -2758,76 +2866,6 @@ const ZINDEX_PASSENGER_LAYER = 20;
 const imgEndPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI3Mi4zMzklIiB5MT0iNTAlIiB4Mj0iMCUiIHkyPSI1MCUiIGlkPSJwcmVmaXhfX2EiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjg0NDciIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkY4QjRBIiBvZmZzZXQ9IjUwLjU5NiUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZBOTVBIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAzMC4yMTVjMi4xMzQgMCAzLjg2My0uODkzIDMuODYzLTEuOTk1IDAtMS4xLTEuNzMtMS45OTQtMy44NjMtMS45OTQtMi4xMzQgMC0zLjg2My44OTMtMy44NjMgMS45OTQgMCAxLjEwMiAxLjczIDEuOTk1IDMuODYzIDEuOTk1eiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iIzQzNDg1QSIvPjxwYXRoIGQ9Ik0xMSAyNy4wMDZjMi4xMjggMC0uOS0zLjc0MyA1LjYyMS02LjY0M0MxOS44NDIgMTguNDUzIDIyIDE0Ljk1MyAyMiAxMC45NSAyMiA0LjkwMiAxNy4wNzUgMCAxMSAwUzAgNC45MDIgMCAxMC45NWMwIDMuOTE4IDIuMDY4IDcuMzU2IDUuMTc3IDkuMjlDMTEuNzUgMjMuMjg0IDkuMDYgMjcuMDA3IDExIDI3LjAwN3oiIHN0cm9rZT0iI0ZGRiIgZmlsbD0idXJsKCNwcmVmaXhfX2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuMjE1KSIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLVNlbWlib2xkLCBQaW5nRmFuZyBTQyIgZm9udC1zaXplPSIxMiIgZm9udC13ZWlnaHQ9IjUwMCIgZmlsbD0iI0ZGRiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjIxNSkiPjx0c3BhbiB4PSI1IiB5PSIxNS40NDkiPue7iDwvdHNwYW4+PC90ZXh0PjwvZz48L3N2Zz4=";
 const imgStartPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeDI9IjEyOS41OTklIiB5Mj0iNTAlIiBpZD0icHJlZml4X19hIj48c3RvcCBzdG9wLWNvbG9yPSIjMzZBOEZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQ4NzFGMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTIgMzAuMjE1YzEuOTUgMCAzLjUzMi0uODE2IDMuNTMyLTEuODIzIDAtMS4wMDctMS41ODEtMS44MjMtMy41MzItMS44MjMtMS45NSAwLTMuNTMyLjgxNi0zLjUzMiAxLjgyMyAwIDEuMDA3IDEuNTgxIDEuODIzIDMuNTMyIDEuODIzeiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iIzQzNDg1QSIvPjxwYXRoIGQ9Ik0xMSAyN2MyLjEyOCAwLS45LTMuNzQyIDUuNjIxLTYuNjQxIDMuMjIxLTEuOTEgNS4zNzktNS40MSA1LjM3OS05LjQxMkMyMiA0LjkwMSAxNy4wNzUgMCAxMSAwUzAgNC45MDEgMCAxMC45NDdjMCAzLjkxOCAyLjA2OCA3LjM1NSA1LjE3NyA5LjI5QzExLjc1IDIzLjI3NyA5LjA2IDI3IDExIDI3eiIgc3Ryb2tlPSIjRkZGIiBmaWxsPSJ1cmwoI3ByZWZpeF9fYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMS4yMTUpIi8+PHRleHQgZm9udC1mYW1pbHk9IlBpbmdGYW5nU0MtU2VtaWJvbGQsIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNTAwIiBmaWxsPSIjRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuMjE1KSI+PHRzcGFuIHg9IjUiIHk9IjE1LjYyNCI+6LW3PC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==";
 const StartEndPoint_css_ts_vanilla = "";
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys2 = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys2.push.apply(keys2, symbols);
-  }
-  return keys2;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
-  for (var key of Object.keys(compoundCheck)) {
-    var _selections$key;
-    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {
-      return false;
-    }
-  }
-  return true;
-};
-var createRuntimeFn = (config) => (options) => {
-  var className = config.defaultClassName;
-  var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
-  for (var variantName in selections) {
-    var _selections$variantNa;
-    var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
-    if (variantSelection != null) {
-      var selection = variantSelection;
-      if (typeof selection === "boolean") {
-        selection = selection === true ? "true" : "false";
-      }
-      var selectionClassName = (
-        // @ts-expect-error
-        config.variantClassNames[variantName][selection]
-      );
-      if (selectionClassName) {
-        className += " " + selectionClassName;
-      }
-    }
-  }
-  for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
-    if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
-      className += " " + compoundClassName;
-    }
-  }
-  return className;
-};
 var pointIcon = createRuntimeFn({ defaultClassName: "", variantClassNames: { type: { start: "_4a4ovk6", end: "_4a4ovk7" } }, defaultVariants: {}, compoundVariants: [] });
 var pointInfoBox = "_4a4ovk1";
 var pointInfoBoxDescription = "_4a4ovk4";
@@ -3108,6 +3146,7 @@ const useGeoLocation = (props) => {
       loading.value = true;
       const watchId = singleGeoWatch.watchPosition(
         async (position) => {
+          console.log("watchPosition success position = ", position);
           const coordinate = position.coords;
           const wgsPoint = [position.coords.longitude, position.coords.latitude];
           const point = await toGcj02(wgsPoint);
@@ -3121,6 +3160,7 @@ const useGeoLocation = (props) => {
           onChange == null ? void 0 : onChange({ position: point, coordinate });
         },
         (error) => {
+          console.log("watchPosition error = ", error);
           loading.value = false;
           errorRef.value = error;
           const position = props == null ? void 0 : props.geoDefaultPosition;
@@ -3487,6 +3527,7 @@ const useMapRecomendPlace = (props) => {
   const { supplier } = useMapSupplier();
   return supplier === "gmap" ? useGmapRecomendPlace(props) : useAmapRecomendPlace(props);
 };
+const GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT = 50;
 const DEFAULT_ZOOM$1 = 13;
 const useAmapZoom = (props) => {
   var _a, _b, _c;
@@ -3516,13 +3557,16 @@ const useGmapZoom = (props) => {
     zoomRef.value = v;
     (_a2 = mapRef.value) == null ? void 0 : _a2.setZoom(v);
   };
-  const handleZoomChange = (_, { target }) => {
-    const zoom = target.getZoom();
-    zoomRef.value = zoom;
-    onChange == null ? void 0 : onChange(zoom);
-  };
+  const handleZoomChange = debounce(
+    (_, { target }) => {
+      const zoom = target.getZoom();
+      zoomRef.value = zoom;
+      onChange == null ? void 0 : onChange(zoom);
+    },
+    GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT
+  );
   watchPostEffectForGMapEvent(mapRef, {}, handleZoomChange, [
-    "onZoom_change"
+    "onZoom_changed"
   ]);
   return { zoomRef, setZoom };
 };
@@ -3911,8 +3955,9 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     centerSource.source = "api";
     updatePlace(point);
   };
-  const setCenterPlaceByUserSpecified = async (place) => {
+  const setCenterPlaceByUserSpecified = async (input) => {
     centerSource.source = "api";
+    const place = toPlaceType(input);
     centerPlace.lng = place.lng;
     centerPlace.lat = place.lat;
     centerPlace.name = place.name;
@@ -3938,12 +3983,14 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   } = useGeoLocation({
     geoDefaultPosition,
     onLoad: async (value) => {
+      console.log("useGeoLocation onLoad value = ", value);
       await readyPromise;
       centerSource.source = "geo";
       updatePlace(value.position);
       emit("loadGeoLocation", value);
     },
     onLoadDefault: async (value) => {
+      console.log("useGeoLocation onLoadDefault value = ", value);
       await readyPromise;
       const place = await defaultCenterPlacePromise;
       centerSource.source = "geo";
@@ -4037,6 +4084,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     } = props;
     const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : centerPlace.name;
     const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
+    console.log("BusinessRecomendPlaceMap render geoLoading, isFirstWorkflowRecomendLoadingRef = ", geoLoading.value, isFirstWorkflowRecomendLoadingRef.value);
     return h(HeycarMap, {
       "attrs": {
         "center": centerPoint.value,
@@ -4971,10 +5019,12 @@ const BusinessTaxiEndMap = defineSetup(function BusinessTaxiEndMap2(props) {
   const deferedSetFitView = pipeDefer(registerFitVeiw.setFitView);
   return () => {
     const {
-      from,
-      to
+      from: inputFrom,
+      to: inputTo
     } = props;
-    const isReady = isPlace(from) && isPlace(to);
+    const isReady = isPlace(inputFrom) && isPlace(inputTo);
+    const from = toPlaceType(inputFrom);
+    const to = toPlaceType(inputTo);
     const center = isReady ? place2point(from) : [...BEIJIN_POINT];
     return h(HeycarMap, {
       "attrs": {
@@ -5038,12 +5088,14 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
   return () => {
     const {
       driverStatus,
-      from,
-      to,
+      from: inputFrom,
+      to: inputTo,
       dispatchingTitle,
       bookDispatchingTitle,
       driverArrivedTitle
     } = props;
+    const from = toPlaceType(inputFrom);
+    const to = toPlaceType(inputTo);
     const carPosition = carPositionRef.value;
     const carAngle = carAngleRef.value;
     const touchEnable = !["canceled", "canceling", "completed", "endService", "waitpay", "waitRechargePay", "refund", "rechargePayed", "payed"].includes(driverStatus);

package/dist/style.css

@@ -116,6 +116,9 @@
   width: inherit;
 }
 ._7anfuo1 {
+  touch-action: none;
+}
+._7anfuo3 {
   position: relative;
 }
 a[title*="Google"]>div>img[alt="Google"], .gmnoprint {
@@ -123,6 +126,10 @@ a[title*="Google"]>div>img[alt="Google"], .gmnoprint {
 }
 ._7anfuo0 [class*="marker-view"] {
   will-change: unset !important;
+}
+._7anfuo0 a, ._7anfuo0 img, ._7anfuo0 div, ._7anfuo0 button {
+  -webkit-tap-highlight-color: transparent;
+  outline: none;
 }._4a4ovk0 {
   margin-bottom: -0.4vw;
   display: flex;

package/dist/utils/easeAnimate.d.ts

@@ -0,0 +1,12 @@
+interface EaseAnimatieRenderProps {
+    value: number[];
+    delta: number[];
+}
+export interface EaseAnimatieProps {
+    from: number[];
+    to: number[];
+    duration: number;
+    render: (props: EaseAnimatieRenderProps) => void;
+}
+export declare const easeAnimate: (props: EaseAnimatieProps) => void;
+export {};

package/dist/utils/transform.d.ts

@@ -16,3 +16,8 @@ export declare const pipeDefer: <P extends any[], R>(fn: (...args: P) => R) => (
 export declare const pipeOnlyLastEffect: <P extends any[], R>(fn: (...arg: P) => Promise<R>) => (...args: P) => Promise<R>;
 export declare const isPlaceEqual: (p1: Place, p2?: Place) => boolean;
 export declare const isPointEqual: (p1: Point, p2?: Point) => boolean;
+export declare const toPlaceType: (maybePlace: {
+    name: string;
+    lng: string | number;
+    lat: string | number;
+}) => Place;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heycar/heycars-map",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "type": "module",
   "scripts": {
     "dev": "vite -c vite.config.dev.ts",
@@ -26,6 +26,7 @@
     "@amap/amap-jsapi-types": "^0.0.13",
     "@googlemaps/js-api-loader": "^1.15.1",
     "@googlemaps/typescript-guards": "^2.0.3",
+    "@use-gesture/vanilla": "^10.2.26",
     "fast-equals": "^3.0.3",
     "lodash-es": "^4.17.21",
     "vue-demi": "^0.13.11"

package/todo.md

@@ -5,6 +5,11 @@ https://dawchihliou.github.io/articles/building-custom-google-maps-marker-react-
 4. map 的两个 slot loading 和 error slot 没有生效
 5. 企业微信如果关闭定位，会不停的跳 geoError 事件
 
+二期：
+
+1. 绿区数据格式约定
+2. map loading 设计稿
+
 缩放问题
 
 - 4867
@@ -115,3 +120,12 @@ https://dawchihliou.github.io/articles/building-custom-google-maps-marker-react-
 - 5546
 - 5541
 - 5540
+
+  0.6.5
+
+- 5640
+- 5631
+- 5614
+- 5598
+- 5567
+- 5560