@heycar/heycars-map 0.8.10 → 0.9.0

package/dist/index.cjs

@@ -9,7 +9,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Vue = require("vue");
 const style = "";
 const name = "@heycar/heycars-map";
-const version = "0.8.10";
+const version = "0.9.0";
 const type = "module";
 const scripts = {
   dev: "vite -c vite.config.dev.ts",
@@ -3473,12 +3473,13 @@ const patchMiniprogramRedirectTo = (wx2) => {
   };
   return patchedRedirectTo;
 };
-const DEVICE_ORIENTATION_INTERVAL = 1e3;
+const DEVICE_ORIENTATION_INTERVAL = 200;
 const CSS_DEVICE_ORIENTATION_VAR_PREFIX = "--CSS_DEVICE_ORIENTATION_VAR_ROTATION_DEGREE_";
 const useDeviceOrientation = (props) => {
   const { onChange, elementRef } = props;
   const orientation = Vue.reactive({ cssRotationVariableName: void 0 });
   const cssVarName = `${CSS_DEVICE_ORIENTATION_VAR_PREFIX}${Date.now()}`;
+  const toTransitionAngle = createToTransitionAngle();
   Vue.watch(
     () => elementRef.value,
     (element, _, onCleanup) => {
@@ -3488,7 +3489,7 @@ const useDeviceOrientation = (props) => {
         const alpha = webkitCompassHeading !== void 0 ? 360 - webkitCompassHeading : (_b = event.alpha) != null ? _b : void 0;
         const beta = (_c = event.beta) != null ? _c : void 0;
         const gamma = (_d = event.gamma) != null ? _d : void 0;
-        const cssRotationVariableValue = `${360 - (alpha != null ? alpha : 0)}deg`;
+        const cssRotationVariableValue = `${toTransitionAngle(360 - (alpha != null ? alpha : 0))}deg`;
         const cssRotationVariableName = alpha === void 0 ? void 0 : cssVarName;
         Object.assign(orientation, { alpha, beta, gamma });
         if (orientation.cssRotationVariableName !== cssRotationVariableName) {
@@ -3560,6 +3561,32 @@ function waitMiniProgramWebviewClose(duration) {
     }, duration);
   });
 }
+function createToTransitionAngle() {
+  let prev = void 0;
+  const mod = (x, m) => {
+    const negatabbleValue = x % m;
+    return negatabbleValue < 0 ? m + negatabbleValue : negatabbleValue;
+  };
+  return function toTransitionAngle(angle) {
+    if (prev === void 0) {
+      prev = angle;
+      console.log("toTransitionAngle angle = ", angle);
+      return angle;
+    }
+    const prevRemainder = mod(prev, 360);
+    const cycles = (prev - prevRemainder) / 360;
+    if (Math.abs(angle - prevRemainder) <= 180) {
+      const result = angle + cycles * 360;
+      prev = result;
+      return result;
+    } else {
+      const deltaCycles = angle > prevRemainder ? -1 : 1;
+      const result = angle + (cycles + deltaCycles) * 360;
+      prev = result;
+      return result;
+    }
+  };
+}
 const watchVisibilityState = () => {
   const visibilityStateRef = Vue.ref(document.visibilityState);
   const handleVisibilityChange = () => {
@@ -3574,6 +3601,7 @@ const watchVisibilityState = () => {
 const WX_GET_LOCATION_INTERVAL_STILL = 10 * 1e3;
 const WX_GET_LOCATION_INTERVAL_SLOW = 3 * 1e3;
 const WX_GET_LOCATION_INTERVAL_FAST = 1 * 1e3;
+const ANDROID_GET_LOCATION_INTERVAL = 1 * 1e3;
 const takeIsForceBrowserGeo = () => {
   const searchParam = new URLSearchParams(location.search);
   return searchParam.has(`force-browser-geo`);
@@ -3582,14 +3610,6 @@ const wxReady = () => new Promise((resolve, reject) => {
   wx.ready(resolve);
   wx.error(reject);
 });
-const detectPlatform = () => {
-  const useragent = navigator.userAgent.toLowerCase();
-  if (useragent.includes("micromessenger"))
-    return "wechat";
-  if (useragent.includes("alipay"))
-    return "alipay";
-  return "other";
-};
 function wechatWatchPosition(onSuccess, onError, option) {
   const { timeout } = option;
   let enable = true;
@@ -3651,20 +3671,67 @@ function wechatWatchPosition(onSuccess, onError, option) {
     unwatchVisibilityState();
   };
 }
+function androidWatchPosition(onSuccess, onError, option) {
+  let enable = true;
+  let prevGeoPosition = void 0;
+  const isGeoWorkingRef = Vue.ref(true);
+  const { visibilityStateRef, unwatchVisibilityState } = watchVisibilityState();
+  const startWatch = async () => {
+    do {
+      if (visibilityStateRef.value === "hidden") {
+        await sleep(ANDROID_GET_LOCATION_INTERVAL);
+        continue;
+      }
+      const geoPosition = await new Promise((resolve) => {
+        navigator.geolocation.getCurrentPosition(
+          function onSuccess2(geoLocationPosition) {
+            isGeoWorkingRef.value = true;
+            resolve(geoLocationPosition);
+          },
+          function onFail(geoError) {
+            const isGeoWorking = isGeoWorkingRef.value;
+            isGeoWorkingRef.value = false;
+            resolve(void 0);
+            if (!isGeoWorking)
+              return;
+            console.warn(
+              "MyWarning: navigator.geolocation.getCurrentPosition failed: ",
+              geoError.message
+            );
+            onError == null ? void 0 : onError(geoError);
+          },
+          option
+        );
+      });
+      if (geoPosition && !isGeoPositionEqual(geoPosition, prevGeoPosition))
+        onSuccess(geoPosition);
+      prevGeoPosition = geoPosition;
+      await sleep(ANDROID_GET_LOCATION_INTERVAL);
+    } while (enable);
+  };
+  startWatch();
+  return () => {
+    enable = false;
+    unwatchVisibilityState();
+  };
+}
 function compatibleWathPosition(onSuccess, onError, option) {
   const isForceBrowserGeo = takeIsForceBrowserGeo();
   if (isForceBrowserGeo) {
-    const watchId = navigator.geolocation.watchPosition(onSuccess, onError, option);
-    return () => navigator.geolocation.clearWatch(watchId);
+    const watchId2 = navigator.geolocation.watchPosition(onSuccess, onError, option);
+    return () => navigator.geolocation.clearWatch(watchId2);
   }
-  switch (detectPlatform()) {
-    case "wechat":
-      return wechatWatchPosition(onSuccess, onError, option);
-    default: {
-      const watchId = navigator.geolocation.watchPosition(onSuccess, onError, option);
-      return () => navigator.geolocation.clearWatch(watchId);
-    }
+  const browserPlatform = detectBrowserPlatform();
+  const osPlatform = detectOSPlatform();
+  console.log("osPlatform = ", osPlatform);
+  if (browserPlatform === BRWOSER_PLATFORM.WECHAT || browserPlatform === BRWOSER_PLATFORM.WECHAT_MINIPROGRAM) {
+    return wechatWatchPosition(onSuccess, onError, option);
+  }
+  if (osPlatform === OS_PLATFORM.ANDROID) {
+    return androidWatchPosition(onSuccess, onError, option);
   }
+  const watchId = navigator.geolocation.watchPosition(onSuccess, onError, option);
+  return () => navigator.geolocation.clearWatch(watchId);
 }
 class SingleGeoWatch {
   constructor(option) {
@@ -5758,6 +5825,69 @@ 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;
+  const { onChange, mapRef, defaultValue } = props;
+  const zoomRef = Vue.ref((_c = (_b = (_a = mapRef.value) == null ? void 0 : _a.getZoom()) != null ? _b : defaultValue) != null ? _c : DEFAULT_ZOOM$1);
+  const setZoom = (v) => {
+    var _a2;
+    zoomRef.value = v;
+    (_a2 = mapRef.value) == null ? void 0 : _a2.setZoom(v, true);
+  };
+  const handleZoomEnd = (_, { target }) => {
+    const zoom = target.getZoom();
+    zoomRef.value = zoom;
+    onChange == null ? void 0 : onChange(zoom);
+  };
+  Vue.watch(
+    () => mapRef.value,
+    (map) => {
+      if (!map)
+        return;
+      zoomRef.value = map.getZoom();
+    }
+  );
+  watchPostEffectForAMapEvent(mapRef, {}, handleZoomEnd, [
+    "onZoomEnd"
+  ]);
+  return { zoomRef, setZoom };
+};
+const useGmapZoom = (props) => {
+  var _a, _b, _c;
+  const { onChange, mapRef, defaultValue } = props;
+  const zoomRef = Vue.ref((_c = (_b = (_a = mapRef.value) == null ? void 0 : _a.getZoom()) != null ? _b : defaultValue) != null ? _c : DEFAULT_ZOOM$1);
+  const setZoom = (v) => {
+    var _a2;
+    zoomRef.value = v;
+    (_a2 = mapRef.value) == null ? void 0 : _a2.setZoom(v);
+  };
+  const handleZoomChange = debounce(
+    (_, { target }) => {
+      const zoom = target.getZoom();
+      zoomRef.value = zoom;
+      onChange == null ? void 0 : onChange(zoom);
+    },
+    GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT
+  );
+  Vue.watch(
+    () => mapRef.value,
+    (map) => {
+      if (!map)
+        return;
+      zoomRef.value = map.getZoom();
+    }
+  );
+  watchPostEffectForGMapEvent(mapRef, {}, handleZoomChange, [
+    "onZoom_changed"
+  ]);
+  return { zoomRef, setZoom };
+};
+const useMapZoom = (props) => {
+  const { supplier } = useMapSupplier();
+  return supplier === "gmap" ? useGmapZoom(props) : useAmapZoom(props);
+};
 const AmapPolygon = defineSetup(function AmapPolygon2(props) {
   const polygonRef = Vue.shallowRef();
   const mapRef = useAmap();
@@ -6020,69 +6150,6 @@ const ConditionalFittablePassengerCircle = defineSetup(function ConditionalFitta
     })]);
   };
 });
-const GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT = 50;
-const DEFAULT_ZOOM$1 = 13;
-const useAmapZoom = (props) => {
-  var _a, _b, _c;
-  const { onChange, mapRef, defaultValue } = props;
-  const zoomRef = Vue.ref((_c = (_b = (_a = mapRef.value) == null ? void 0 : _a.getZoom()) != null ? _b : defaultValue) != null ? _c : DEFAULT_ZOOM$1);
-  const setZoom = (v) => {
-    var _a2;
-    zoomRef.value = v;
-    (_a2 = mapRef.value) == null ? void 0 : _a2.setZoom(v, true);
-  };
-  const handleZoomEnd = (_, { target }) => {
-    const zoom = target.getZoom();
-    zoomRef.value = zoom;
-    onChange == null ? void 0 : onChange(zoom);
-  };
-  Vue.watch(
-    () => mapRef.value,
-    (map) => {
-      if (!map)
-        return;
-      zoomRef.value = map.getZoom();
-    }
-  );
-  watchPostEffectForAMapEvent(mapRef, {}, handleZoomEnd, [
-    "onZoomEnd"
-  ]);
-  return { zoomRef, setZoom };
-};
-const useGmapZoom = (props) => {
-  var _a, _b, _c;
-  const { onChange, mapRef, defaultValue } = props;
-  const zoomRef = Vue.ref((_c = (_b = (_a = mapRef.value) == null ? void 0 : _a.getZoom()) != null ? _b : defaultValue) != null ? _c : DEFAULT_ZOOM$1);
-  const setZoom = (v) => {
-    var _a2;
-    zoomRef.value = v;
-    (_a2 = mapRef.value) == null ? void 0 : _a2.setZoom(v);
-  };
-  const handleZoomChange = debounce(
-    (_, { target }) => {
-      const zoom = target.getZoom();
-      zoomRef.value = zoom;
-      onChange == null ? void 0 : onChange(zoom);
-    },
-    GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT
-  );
-  Vue.watch(
-    () => mapRef.value,
-    (map) => {
-      if (!map)
-        return;
-      zoomRef.value = map.getZoom();
-    }
-  );
-  watchPostEffectForGMapEvent(mapRef, {}, handleZoomChange, [
-    "onZoom_changed"
-  ]);
-  return { zoomRef, setZoom };
-};
-const useMapZoom = (props) => {
-  const { supplier } = useMapSupplier();
-  return supplier === "gmap" ? useGmapZoom(props) : useAmapZoom(props);
-};
 const usePointsLabelDirection = (props) => {
   const { widthLimit, heightLimit } = props;
   const mapRef = useMap();
@@ -6460,10 +6527,11 @@ const RECOMMEND_PLACE_DRAG_LIMIT = 10;
 const RECOMMEND_PLACE_LARGE_LIMIT = 100;
 const RECOMMEND_PLACE_ICON_ZOOM_MIN = 16.25;
 const RECOMMEND_PLACE_TEXT_ZOOM_MIN = 16.25;
-const RECOMMEND_PLACE_ZONE_ICON_MIN = 15.25;
+const RECOMMEND_PLACE_ZONE_ICON_MIN = 12.75;
 const RECOMMEND_PLACE_ZONE_TEXT_MIN = 21;
 const DEFAULT_PLACE_NAME = "当前位置";
 const DEFAULT_ZOOM = 17;
+const ZONE_ZOOM = 13.75;
 const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlaceMap2(props, {
   emit,
   slots
@@ -6483,6 +6551,13 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     setMap,
     panTo
   } = useHeycarMap();
+  const {
+    zoomRef,
+    setZoom
+  } = useMapZoom({
+    mapRef,
+    defaultValue: DEFAULT_ZOOM
+  });
   const {
     readyPromise
   } = useMapSupplier();
@@ -6521,6 +6596,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     centerPlace.name = place.name;
     centerPlace.displayName = place.displayName;
     setPlaceCandidatesAndZone(recommends);
+    setZoom(ZONE_ZOOM);
     emit("changePlace", {
       ...place
     });
@@ -6532,6 +6608,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     centerPlace.lat = place.lat;
     centerPlace.name = place.name;
     centerPlace.displayName = place.displayName;
+    if (zoneRef.value)
+      setZoom(ZONE_ZOOM);
     emit("changePlace", {
       ...place
     });
@@ -6640,6 +6718,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       Object.assign(centerPlace, {
         ...place
       });
+      if (isInZone)
+        setZoom(ZONE_ZOOM);
       emit("changeRecomandPlace", {
         place,
         inputPlace,
@@ -6667,7 +6747,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     return Vue.h(HeycarMap, {
       "attrs": {
         "center": centerPoint.value,
-        "zoom": DEFAULT_ZOOM,
+        "zoom": zoomRef.value,
         "touchZoomCenter": true,
         "mapRef": setMap,
         "fallback": slots.fallback,
@@ -6729,6 +6809,13 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     setMap,
     panTo
   } = useHeycarMap();
+  const {
+    zoomRef,
+    setZoom
+  } = useMapZoom({
+    mapRef,
+    defaultValue: DEFAULT_ZOOM
+  });
   const centerPlace = Vue.reactive({
     lng: defaultPlace.lng,
     lat: defaultPlace.lat,
@@ -6763,6 +6850,7 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     centerPlace.lat = place.lat;
     centerPlace.name = place.name;
     centerPlace.displayName = place.displayName;
+    setZoom(ZONE_ZOOM);
     setPlaceCandidatesAndZone(recommends);
     emit("changePlace", {
       ...place
@@ -6775,6 +6863,8 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     centerPlace.lat = place.lat;
     centerPlace.name = place.name;
     centerPlace.displayName = place.displayName;
+    if (zoneRef.value)
+      setZoom(ZONE_ZOOM);
     emit("changePlace", {
       ...place
     });
@@ -6862,6 +6952,8 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
       Object.assign(centerPlace, {
         ...place
       });
+      if (isInZone)
+        setZoom(ZONE_ZOOM);
       emit("changeRecomandPlace", {
         place,
         inputPlace,
@@ -6892,7 +6984,7 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     return Vue.h(HeycarMap, {
       "attrs": {
         "center": centerPoint.value,
-        "zoom": DEFAULT_ZOOM,
+        "zoom": zoomRef.value,
         "touchZoomCenter": true,
         "mapRef": setMap,
         "fallback": slots.fallback,
@@ -6911,8 +7003,8 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
       "attrs": {
         "basePlace": centerPlace,
         "places": placeCandidates.value,
-        "zoomIconMin": RECOMMEND_PLACE_ICON_ZOOM_MIN,
-        "zoomTextMin": RECOMMEND_PLACE_TEXT_ZOOM_MIN
+        "zoomIconMin": zoneRef.value ? RECOMMEND_PLACE_ZONE_ICON_MIN : RECOMMEND_PLACE_ICON_ZOOM_MIN,
+        "zoomTextMin": zoneRef.value ? RECOMMEND_PLACE_ZONE_TEXT_MIN : RECOMMEND_PLACE_TEXT_ZOOM_MIN
       },
       "on": {
         "click": panToCenterByPlace

package/dist/index.js

@@ -7,7 +7,7 @@ var __publicField = (obj, key, value) => {
 import Vue, { defineComponent, h, computed, inject, provide, watch, onMounted, onUnmounted, watchPostEffect, shallowRef, ref, watchEffect, reactive, toRefs, toRef } from "vue";
 const style = "";
 const name = "@heycar/heycars-map";
-const version = "0.8.10";
+const version = "0.9.0";
 const type = "module";
 const scripts = {
   dev: "vite -c vite.config.dev.ts",
@@ -3471,12 +3471,13 @@ const patchMiniprogramRedirectTo = (wx2) => {
   };
   return patchedRedirectTo;
 };
-const DEVICE_ORIENTATION_INTERVAL = 1e3;
+const DEVICE_ORIENTATION_INTERVAL = 200;
 const CSS_DEVICE_ORIENTATION_VAR_PREFIX = "--CSS_DEVICE_ORIENTATION_VAR_ROTATION_DEGREE_";
 const useDeviceOrientation = (props) => {
   const { onChange, elementRef } = props;
   const orientation = reactive({ cssRotationVariableName: void 0 });
   const cssVarName = `${CSS_DEVICE_ORIENTATION_VAR_PREFIX}${Date.now()}`;
+  const toTransitionAngle = createToTransitionAngle();
   watch(
     () => elementRef.value,
     (element, _, onCleanup) => {
@@ -3486,7 +3487,7 @@ const useDeviceOrientation = (props) => {
         const alpha = webkitCompassHeading !== void 0 ? 360 - webkitCompassHeading : (_b = event.alpha) != null ? _b : void 0;
         const beta = (_c = event.beta) != null ? _c : void 0;
         const gamma = (_d = event.gamma) != null ? _d : void 0;
-        const cssRotationVariableValue = `${360 - (alpha != null ? alpha : 0)}deg`;
+        const cssRotationVariableValue = `${toTransitionAngle(360 - (alpha != null ? alpha : 0))}deg`;
         const cssRotationVariableName = alpha === void 0 ? void 0 : cssVarName;
         Object.assign(orientation, { alpha, beta, gamma });
         if (orientation.cssRotationVariableName !== cssRotationVariableName) {
@@ -3558,6 +3559,32 @@ function waitMiniProgramWebviewClose(duration) {
     }, duration);
   });
 }
+function createToTransitionAngle() {
+  let prev = void 0;
+  const mod = (x, m) => {
+    const negatabbleValue = x % m;
+    return negatabbleValue < 0 ? m + negatabbleValue : negatabbleValue;
+  };
+  return function toTransitionAngle(angle) {
+    if (prev === void 0) {
+      prev = angle;
+      console.log("toTransitionAngle angle = ", angle);
+      return angle;
+    }
+    const prevRemainder = mod(prev, 360);
+    const cycles = (prev - prevRemainder) / 360;
+    if (Math.abs(angle - prevRemainder) <= 180) {
+      const result = angle + cycles * 360;
+      prev = result;
+      return result;
+    } else {
+      const deltaCycles = angle > prevRemainder ? -1 : 1;
+      const result = angle + (cycles + deltaCycles) * 360;
+      prev = result;
+      return result;
+    }
+  };
+}
 const watchVisibilityState = () => {
   const visibilityStateRef = ref(document.visibilityState);
   const handleVisibilityChange = () => {
@@ -3572,6 +3599,7 @@ const watchVisibilityState = () => {
 const WX_GET_LOCATION_INTERVAL_STILL = 10 * 1e3;
 const WX_GET_LOCATION_INTERVAL_SLOW = 3 * 1e3;
 const WX_GET_LOCATION_INTERVAL_FAST = 1 * 1e3;
+const ANDROID_GET_LOCATION_INTERVAL = 1 * 1e3;
 const takeIsForceBrowserGeo = () => {
   const searchParam = new URLSearchParams(location.search);
   return searchParam.has(`force-browser-geo`);
@@ -3580,14 +3608,6 @@ const wxReady = () => new Promise((resolve, reject) => {
   wx.ready(resolve);
   wx.error(reject);
 });
-const detectPlatform = () => {
-  const useragent = navigator.userAgent.toLowerCase();
-  if (useragent.includes("micromessenger"))
-    return "wechat";
-  if (useragent.includes("alipay"))
-    return "alipay";
-  return "other";
-};
 function wechatWatchPosition(onSuccess, onError, option) {
   const { timeout } = option;
   let enable = true;
@@ -3649,20 +3669,67 @@ function wechatWatchPosition(onSuccess, onError, option) {
     unwatchVisibilityState();
   };
 }
+function androidWatchPosition(onSuccess, onError, option) {
+  let enable = true;
+  let prevGeoPosition = void 0;
+  const isGeoWorkingRef = ref(true);
+  const { visibilityStateRef, unwatchVisibilityState } = watchVisibilityState();
+  const startWatch = async () => {
+    do {
+      if (visibilityStateRef.value === "hidden") {
+        await sleep(ANDROID_GET_LOCATION_INTERVAL);
+        continue;
+      }
+      const geoPosition = await new Promise((resolve) => {
+        navigator.geolocation.getCurrentPosition(
+          function onSuccess2(geoLocationPosition) {
+            isGeoWorkingRef.value = true;
+            resolve(geoLocationPosition);
+          },
+          function onFail(geoError) {
+            const isGeoWorking = isGeoWorkingRef.value;
+            isGeoWorkingRef.value = false;
+            resolve(void 0);
+            if (!isGeoWorking)
+              return;
+            console.warn(
+              "MyWarning: navigator.geolocation.getCurrentPosition failed: ",
+              geoError.message
+            );
+            onError == null ? void 0 : onError(geoError);
+          },
+          option
+        );
+      });
+      if (geoPosition && !isGeoPositionEqual(geoPosition, prevGeoPosition))
+        onSuccess(geoPosition);
+      prevGeoPosition = geoPosition;
+      await sleep(ANDROID_GET_LOCATION_INTERVAL);
+    } while (enable);
+  };
+  startWatch();
+  return () => {
+    enable = false;
+    unwatchVisibilityState();
+  };
+}
 function compatibleWathPosition(onSuccess, onError, option) {
   const isForceBrowserGeo = takeIsForceBrowserGeo();
   if (isForceBrowserGeo) {
-    const watchId = navigator.geolocation.watchPosition(onSuccess, onError, option);
-    return () => navigator.geolocation.clearWatch(watchId);
+    const watchId2 = navigator.geolocation.watchPosition(onSuccess, onError, option);
+    return () => navigator.geolocation.clearWatch(watchId2);
   }
-  switch (detectPlatform()) {
-    case "wechat":
-      return wechatWatchPosition(onSuccess, onError, option);
-    default: {
-      const watchId = navigator.geolocation.watchPosition(onSuccess, onError, option);
-      return () => navigator.geolocation.clearWatch(watchId);
-    }
+  const browserPlatform = detectBrowserPlatform();
+  const osPlatform = detectOSPlatform();
+  console.log("osPlatform = ", osPlatform);
+  if (browserPlatform === BRWOSER_PLATFORM.WECHAT || browserPlatform === BRWOSER_PLATFORM.WECHAT_MINIPROGRAM) {
+    return wechatWatchPosition(onSuccess, onError, option);
+  }
+  if (osPlatform === OS_PLATFORM.ANDROID) {
+    return androidWatchPosition(onSuccess, onError, option);
   }
+  const watchId = navigator.geolocation.watchPosition(onSuccess, onError, option);
+  return () => navigator.geolocation.clearWatch(watchId);
 }
 class SingleGeoWatch {
   constructor(option) {
@@ -5756,6 +5823,69 @@ 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;
+  const { onChange, mapRef, defaultValue } = props;
+  const zoomRef = ref((_c = (_b = (_a = mapRef.value) == null ? void 0 : _a.getZoom()) != null ? _b : defaultValue) != null ? _c : DEFAULT_ZOOM$1);
+  const setZoom = (v) => {
+    var _a2;
+    zoomRef.value = v;
+    (_a2 = mapRef.value) == null ? void 0 : _a2.setZoom(v, true);
+  };
+  const handleZoomEnd = (_, { target }) => {
+    const zoom = target.getZoom();
+    zoomRef.value = zoom;
+    onChange == null ? void 0 : onChange(zoom);
+  };
+  watch(
+    () => mapRef.value,
+    (map) => {
+      if (!map)
+        return;
+      zoomRef.value = map.getZoom();
+    }
+  );
+  watchPostEffectForAMapEvent(mapRef, {}, handleZoomEnd, [
+    "onZoomEnd"
+  ]);
+  return { zoomRef, setZoom };
+};
+const useGmapZoom = (props) => {
+  var _a, _b, _c;
+  const { onChange, mapRef, defaultValue } = props;
+  const zoomRef = ref((_c = (_b = (_a = mapRef.value) == null ? void 0 : _a.getZoom()) != null ? _b : defaultValue) != null ? _c : DEFAULT_ZOOM$1);
+  const setZoom = (v) => {
+    var _a2;
+    zoomRef.value = v;
+    (_a2 = mapRef.value) == null ? void 0 : _a2.setZoom(v);
+  };
+  const handleZoomChange = debounce(
+    (_, { target }) => {
+      const zoom = target.getZoom();
+      zoomRef.value = zoom;
+      onChange == null ? void 0 : onChange(zoom);
+    },
+    GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT
+  );
+  watch(
+    () => mapRef.value,
+    (map) => {
+      if (!map)
+        return;
+      zoomRef.value = map.getZoom();
+    }
+  );
+  watchPostEffectForGMapEvent(mapRef, {}, handleZoomChange, [
+    "onZoom_changed"
+  ]);
+  return { zoomRef, setZoom };
+};
+const useMapZoom = (props) => {
+  const { supplier } = useMapSupplier();
+  return supplier === "gmap" ? useGmapZoom(props) : useAmapZoom(props);
+};
 const AmapPolygon = defineSetup(function AmapPolygon2(props) {
   const polygonRef = shallowRef();
   const mapRef = useAmap();
@@ -6018,69 +6148,6 @@ const ConditionalFittablePassengerCircle = defineSetup(function ConditionalFitta
     })]);
   };
 });
-const GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT = 50;
-const DEFAULT_ZOOM$1 = 13;
-const useAmapZoom = (props) => {
-  var _a, _b, _c;
-  const { onChange, mapRef, defaultValue } = props;
-  const zoomRef = ref((_c = (_b = (_a = mapRef.value) == null ? void 0 : _a.getZoom()) != null ? _b : defaultValue) != null ? _c : DEFAULT_ZOOM$1);
-  const setZoom = (v) => {
-    var _a2;
-    zoomRef.value = v;
-    (_a2 = mapRef.value) == null ? void 0 : _a2.setZoom(v, true);
-  };
-  const handleZoomEnd = (_, { target }) => {
-    const zoom = target.getZoom();
-    zoomRef.value = zoom;
-    onChange == null ? void 0 : onChange(zoom);
-  };
-  watch(
-    () => mapRef.value,
-    (map) => {
-      if (!map)
-        return;
-      zoomRef.value = map.getZoom();
-    }
-  );
-  watchPostEffectForAMapEvent(mapRef, {}, handleZoomEnd, [
-    "onZoomEnd"
-  ]);
-  return { zoomRef, setZoom };
-};
-const useGmapZoom = (props) => {
-  var _a, _b, _c;
-  const { onChange, mapRef, defaultValue } = props;
-  const zoomRef = ref((_c = (_b = (_a = mapRef.value) == null ? void 0 : _a.getZoom()) != null ? _b : defaultValue) != null ? _c : DEFAULT_ZOOM$1);
-  const setZoom = (v) => {
-    var _a2;
-    zoomRef.value = v;
-    (_a2 = mapRef.value) == null ? void 0 : _a2.setZoom(v);
-  };
-  const handleZoomChange = debounce(
-    (_, { target }) => {
-      const zoom = target.getZoom();
-      zoomRef.value = zoom;
-      onChange == null ? void 0 : onChange(zoom);
-    },
-    GOOGLE_MAP_ZOOM_CHANGE_DEBOUNCE_TIMEOUT
-  );
-  watch(
-    () => mapRef.value,
-    (map) => {
-      if (!map)
-        return;
-      zoomRef.value = map.getZoom();
-    }
-  );
-  watchPostEffectForGMapEvent(mapRef, {}, handleZoomChange, [
-    "onZoom_changed"
-  ]);
-  return { zoomRef, setZoom };
-};
-const useMapZoom = (props) => {
-  const { supplier } = useMapSupplier();
-  return supplier === "gmap" ? useGmapZoom(props) : useAmapZoom(props);
-};
 const usePointsLabelDirection = (props) => {
   const { widthLimit, heightLimit } = props;
   const mapRef = useMap();
@@ -6458,10 +6525,11 @@ const RECOMMEND_PLACE_DRAG_LIMIT = 10;
 const RECOMMEND_PLACE_LARGE_LIMIT = 100;
 const RECOMMEND_PLACE_ICON_ZOOM_MIN = 16.25;
 const RECOMMEND_PLACE_TEXT_ZOOM_MIN = 16.25;
-const RECOMMEND_PLACE_ZONE_ICON_MIN = 15.25;
+const RECOMMEND_PLACE_ZONE_ICON_MIN = 12.75;
 const RECOMMEND_PLACE_ZONE_TEXT_MIN = 21;
 const DEFAULT_PLACE_NAME = "当前位置";
 const DEFAULT_ZOOM = 17;
+const ZONE_ZOOM = 13.75;
 const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlaceMap2(props, {
   emit,
   slots
@@ -6481,6 +6549,13 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     setMap,
     panTo
   } = useHeycarMap();
+  const {
+    zoomRef,
+    setZoom
+  } = useMapZoom({
+    mapRef,
+    defaultValue: DEFAULT_ZOOM
+  });
   const {
     readyPromise
   } = useMapSupplier();
@@ -6519,6 +6594,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     centerPlace.name = place.name;
     centerPlace.displayName = place.displayName;
     setPlaceCandidatesAndZone(recommends);
+    setZoom(ZONE_ZOOM);
     emit("changePlace", {
       ...place
     });
@@ -6530,6 +6606,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     centerPlace.lat = place.lat;
     centerPlace.name = place.name;
     centerPlace.displayName = place.displayName;
+    if (zoneRef.value)
+      setZoom(ZONE_ZOOM);
     emit("changePlace", {
       ...place
     });
@@ -6638,6 +6716,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       Object.assign(centerPlace, {
         ...place
       });
+      if (isInZone)
+        setZoom(ZONE_ZOOM);
       emit("changeRecomandPlace", {
         place,
         inputPlace,
@@ -6665,7 +6745,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     return h(HeycarMap, {
       "attrs": {
         "center": centerPoint.value,
-        "zoom": DEFAULT_ZOOM,
+        "zoom": zoomRef.value,
         "touchZoomCenter": true,
         "mapRef": setMap,
         "fallback": slots.fallback,
@@ -6727,6 +6807,13 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     setMap,
     panTo
   } = useHeycarMap();
+  const {
+    zoomRef,
+    setZoom
+  } = useMapZoom({
+    mapRef,
+    defaultValue: DEFAULT_ZOOM
+  });
   const centerPlace = reactive({
     lng: defaultPlace.lng,
     lat: defaultPlace.lat,
@@ -6761,6 +6848,7 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     centerPlace.lat = place.lat;
     centerPlace.name = place.name;
     centerPlace.displayName = place.displayName;
+    setZoom(ZONE_ZOOM);
     setPlaceCandidatesAndZone(recommends);
     emit("changePlace", {
       ...place
@@ -6773,6 +6861,8 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     centerPlace.lat = place.lat;
     centerPlace.name = place.name;
     centerPlace.displayName = place.displayName;
+    if (zoneRef.value)
+      setZoom(ZONE_ZOOM);
     emit("changePlace", {
       ...place
     });
@@ -6860,6 +6950,8 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
       Object.assign(centerPlace, {
         ...place
       });
+      if (isInZone)
+        setZoom(ZONE_ZOOM);
       emit("changeRecomandPlace", {
         place,
         inputPlace,
@@ -6890,7 +6982,7 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     return h(HeycarMap, {
       "attrs": {
         "center": centerPoint.value,
-        "zoom": DEFAULT_ZOOM,
+        "zoom": zoomRef.value,
         "touchZoomCenter": true,
         "mapRef": setMap,
         "fallback": slots.fallback,
@@ -6909,8 +7001,8 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
       "attrs": {
         "basePlace": centerPlace,
         "places": placeCandidates.value,
-        "zoomIconMin": RECOMMEND_PLACE_ICON_ZOOM_MIN,
-        "zoomTextMin": RECOMMEND_PLACE_TEXT_ZOOM_MIN
+        "zoomIconMin": zoneRef.value ? RECOMMEND_PLACE_ZONE_ICON_MIN : RECOMMEND_PLACE_ICON_ZOOM_MIN,
+        "zoomTextMin": zoneRef.value ? RECOMMEND_PLACE_ZONE_TEXT_MIN : RECOMMEND_PLACE_TEXT_ZOOM_MIN
       },
       "on": {
         "click": panToCenterByPlace

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

@@ -10,10 +10,11 @@ export declare const RECOMMEND_PLACE_DRAG_LIMIT = 10;
 export declare const RECOMMEND_PLACE_LARGE_LIMIT = 100;
 export declare const RECOMMEND_PLACE_ICON_ZOOM_MIN = 16.25;
 export declare const RECOMMEND_PLACE_TEXT_ZOOM_MIN = 16.25;
-export declare const RECOMMEND_PLACE_ZONE_ICON_MIN = 15.25;
+export declare const RECOMMEND_PLACE_ZONE_ICON_MIN = 12.75;
 export declare const RECOMMEND_PLACE_ZONE_TEXT_MIN = 21;
 export declare const DEFAULT_PLACE_NAME = "\u5F53\u524D\u4F4D\u7F6E";
 export declare const DEFAULT_ZOOM = 17;
+export declare const ZONE_ZOOM = 13.75;
 export interface CenterPlaceSource {
     source: "default" | "geo" | "drag" | "recomend" | "api";
 }

package/dist/style.css

@@ -216,6 +216,7 @@ a[title*="Google"]>div>img[alt="Google"], .gmnoprint {
   display: none;
 }._1l6offo0 {
   display: flex;
+  transition: transform .2s;
 }
 ._1l6offo1 {
   width: 6.6vw;

package/package.json

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