@heycar/heycars-map 0.9.11 → 0.9.13

package/dist/index.cjs

@@ -8,8 +8,11 @@ var __publicField = (obj, key, value) => {
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Vue = require("vue");
 const style_css_ts_vanilla = "";
+if (typeof window !== "undefined" && typeof globalThis === "undefined") {
+  window.globalThis = window;
+}
 const name = "@heycar/heycars-map";
-const version = "0.9.11";
+const version = "0.9.13";
 const type = "module";
 const bin = {
   checkVersion: "./bin/checkVersion.js"
@@ -1162,17 +1165,6 @@ const pausableSleep = (milliSeconds) => {
   };
   return { sleepPromise: sleepDefered, pause, restart };
 };
-const createRunOnce = (fn) => {
-  let isExcuted = false;
-  let result;
-  return function runOnce(...args) {
-    if (isExcuted)
-      return result;
-    isExcuted = true;
-    result = fn(...args);
-    return result;
-  };
-};
 const MAX_ANIMATION_DISTANCE_VW = 300;
 const MIN_ANIMATION_DURATION = 300;
 const ANIMATION_DURATION_FOR_100VW = 200;
@@ -1229,7 +1221,7 @@ const pipeDefer = (fn) => (...args) => {
     setTimeout(() => {
       const result = fn == null ? void 0 : fn(...args);
       resolve(result);
-    }, 1e3);
+    }, 50);
   });
 };
 const pipeOnlyLastEffect = (fn) => {
@@ -1398,14 +1390,13 @@ function watchPostEffectForMapProperty(targetRef, props, nameOptions, watchOptio
   Vue.watch(
     deps,
     (values, prevValues) => {
-      const target = targetRef.value;
-      if (!target)
+      if (!targetRef.value)
         return;
       for (const [idx, value] of values.entries()) {
         const { name: name2, defaultValue } = nameOptions[idx];
         const prev = prevValues[idx];
         if (!deepCompareEqualsForMaps(value, prev)) {
-          target[name2setterName(name2)](value != null ? value : defaultValue);
+          targetRef.value[name2setterName(name2)](value != null ? value : defaultValue);
         }
       }
     },
@@ -1424,16 +1415,18 @@ function watchNoneImmediatePostEffectForMapProperty(targetRef, props, nameOption
 }
 function watchPostEffectForAMapEvent(targetRef, props, emit, propertyNames) {
   Vue.watchPostEffect((onCleanup) => {
-    const target = targetRef == null ? void 0 : targetRef.value;
-    if (!target)
+    if (!(targetRef == null ? void 0 : targetRef.value))
       return;
     const cleanList = [];
     for (const name2 of propertyNames) {
       const emitEventName = property2emitEventName(name2);
       const eventName = property2mapEventName(name2);
       const handler = (e) => emit(emitEventName, e);
-      target.on(eventName, handler);
-      cleanList.push(() => target == null ? void 0 : target.off(eventName, handler));
+      targetRef == null ? void 0 : targetRef.value.on(eventName, handler);
+      cleanList.push(() => {
+        var _a;
+        return (_a = targetRef == null ? void 0 : targetRef.value) == null ? void 0 : _a.off(eventName, handler);
+      });
     }
     onCleanup(() => {
       for (const clean of cleanList)
@@ -1463,24 +1456,49 @@ function watchPostEffectForGMapEvent(targetRef, props, emit, propertyNames) {
 const watchPostEffectOnce = (callback) => {
   Vue.watch(() => 0, callback, { immediate: true, flush: "post" });
 };
+class ReferenceCount {
+  constructor() {
+    __publicField(this, "count", 0);
+  }
+  log() {
+    console.log(`ReferenceCount count = ${this.count}`);
+  }
+  add() {
+    this.count += 1;
+    this.log();
+  }
+  remove() {
+    this.count -= 1;
+    this.log();
+  }
+}
+const referenceCount = new ReferenceCount();
 const AmapMarker = defineSetup(function AmapMarker2(props, { emit }) {
   const { registerOverlay } = props;
   const markerRef = Vue.shallowRef();
   const mapRef = useAmap();
   Vue.onMounted(() => {
+    referenceCount.add();
     markerRef.value = new AMap.Marker({ ...props });
   });
+  useMapOverlay({ registerOverlay, overlayRef: markerRef });
   Vue.onUnmounted(() => {
-    var _a;
+    var _a, _b;
+    referenceCount.remove();
     (_a = markerRef.value) == null ? void 0 : _a.setMap(null);
+    (_b = markerRef.value) == null ? void 0 : _b.destroy();
+    markerRef.value = void 0;
   });
-  useMapOverlay({ registerOverlay, overlayRef: markerRef });
-  Vue.watchPostEffect(() => {
+  Vue.watchPostEffect((onCleanup) => {
     var _a;
     const map = mapRef == null ? void 0 : mapRef.value;
-    if (!map)
+    if (!(map == null ? void 0 : map.amap))
       return;
-    (_a = markerRef.value) == null ? void 0 : _a.setMap(map);
+    (_a = markerRef.value) == null ? void 0 : _a.setMap(map.amap);
+    onCleanup(() => {
+      var _a2;
+      return (_a2 = markerRef.value) == null ? void 0 : _a2.setMap(null);
+    });
   });
   watchNoneImmediatePostEffectForMapProperty(markerRef, props, [
     { name: "anchor", defaultValue: "" },
@@ -2328,6 +2346,8 @@ function detectWebGL() {
 const useAmapLngLatToVw = (props) => {
   const apiMapLngLatToVw = (point) => {
     const amap2 = props.mapRef.value;
+    if (!(amap2 == null ? void 0 : amap2.amap))
+      return [0, 0];
     const sw = innerWidth;
     const [x, y] = amap2 == null ? void 0 : amap2.lngLatToContainer(point).toArray();
     return [100 * x / sw, 100 * y / sw];
@@ -2392,6 +2412,316 @@ const useAmapWheelZoomCenter = (props) => {
 };
 const Amap_css_ts_vanilla = "";
 var amap = "_1d8ur7t0";
+class SafeAmap {
+  constructor(elm, options) {
+    __publicField(this, "containerElm");
+    __publicField(this, "amap");
+    this.containerElm = document.createElement("div");
+    this.containerElm.style.position = "absolute";
+    this.containerElm.style.top = "0";
+    this.containerElm.style.left = "0";
+    this.containerElm.style.right = "0";
+    this.containerElm.style.bottom = "0";
+    elm.appendChild(this.containerElm);
+    this.amap = new AMap.Map(this.containerElm, options);
+  }
+  destroy() {
+    var _a, _b, _c;
+    (_b = (_a = this.containerElm) == null ? void 0 : _a.parentNode) == null ? void 0 : _b.removeChild(this.containerElm);
+    (_c = this.amap) == null ? void 0 : _c.destroy();
+    this.containerElm = void 0;
+    this.amap = void 0;
+  }
+  getContainer() {
+    var _a;
+    return (_a = this.containerElm) == null ? void 0 : _a.parentElement;
+  }
+  setCenter(center, immediately, duration) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.setCenter(center, immediately, duration);
+  }
+  getStyleByUserId(id, zoom) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getStyleByUserId(id, zoom);
+  }
+  getCustomTypeByContainerPos(lnglat) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getCustomTypeByContainerPos(lnglat);
+  }
+  getScreenShot(width, height) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getScreenShot(width, height);
+  }
+  setZoomAndCenter(zoom, center, immediately, duration) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setZoomAndCenter(zoom, center, immediately, duration);
+  }
+  getBounds() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getBounds();
+  }
+  getCenter() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getCenter();
+  }
+  getGraphicInfo() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getGraphicInfo();
+  }
+  setZoom(zoom, immediately, duration) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setZoom(zoom, immediately, duration);
+  }
+  getZoom(digits) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getZoom(digits);
+  }
+  zoomIn() {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.zoomIn();
+  }
+  zoomOut() {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.zoomOut();
+  }
+  getPitch() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getPitch();
+  }
+  setPitch(pitch, immediately, duration) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setPitch(pitch, immediately, duration);
+  }
+  getRotation() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getRotation();
+  }
+  setRotation(rotation, immediately, duration) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setRotation(rotation, immediately, duration);
+  }
+  setBounds(bounds, immediately, avoid) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setBounds(bounds, immediately, avoid);
+  }
+  panTo(lnglat, duration) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.panTo(lnglat, duration);
+  }
+  panBy(x, y, duration) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.panBy(x, y, duration);
+  }
+  add(features) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.add(features);
+  }
+  remove(features) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.remove(features);
+  }
+  lngLatToCoords(lnglat) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.lngLatToCoords(lnglat);
+  }
+  coordsToLngLat(coords) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.coordsToLngLat(coords);
+  }
+  lngLatToContainer(lnglat) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.lngLatToContainer(lnglat);
+  }
+  containerToLngLat(pixel) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.containerToLngLat(pixel);
+  }
+  coordToContainer(coord) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.coordToContainer(coord);
+  }
+  containerToCoord(pixel) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.containerToCoord(pixel);
+  }
+  pixelToLngLat(pixel, z) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.pixelToLngLat(pixel, z);
+  }
+  lngLatToPixel(lnglat, z) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.lngLatToPixel(lnglat, z);
+  }
+  getResolution(point) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getResolution(point);
+  }
+  getScale(dpi) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getScale(dpi);
+  }
+  getCity(cbk, lnglat) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.getCity(cbk, lnglat);
+  }
+  setCity(cityName, cbk) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setCity(cityName, cbk);
+  }
+  setFitView(overlays, immediately, avoid, maxZoom) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.setFitView(overlays, immediately, avoid, maxZoom);
+  }
+  getFitZoomAndCenterByOverlays(overlayList, avoid, maxZoom) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getFitZoomAndCenterByOverlays(overlayList, avoid, maxZoom);
+  }
+  getFitZoomAndCenterByBounds(bounds, avoid, maxZoom) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getFitZoomAndCenterByBounds(bounds, avoid, maxZoom);
+  }
+  addControl(control) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.addControl(control);
+  }
+  removeControl(control) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.removeControl(control);
+  }
+  setMapStyle(value) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setMapStyle(value);
+  }
+  getMapStyle() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getMapStyle();
+  }
+  getAllOverlays(type2) {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getAllOverlays(type2);
+  }
+  clearMap() {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.clearMap();
+  }
+  clearInfoWindow() {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.clearInfoWindow();
+  }
+  getFeatures() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getFeatures();
+  }
+  setFeatures(features) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setFeatures(features);
+  }
+  getMapApprovalNumber() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getMapApprovalNumber();
+  }
+  setMask(maskPath) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setMask(maskPath);
+  }
+  setLabelRejectMask(reject) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setLabelRejectMask(reject);
+  }
+  /**
+   * AMap.coreMap
+   */
+  getSize() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getSize();
+  }
+  addLayer(layer) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.addLayer(layer);
+  }
+  removeLayer(layer) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.removeLayer(layer);
+  }
+  setLayers(layers) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setLayers(layers);
+  }
+  getLayers() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getLayers();
+  }
+  getLayersDangerous() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getLayersDangerous();
+  }
+  getStatus() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getStatus();
+  }
+  setStatus(status) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setStatus(status);
+  }
+  getDefaultCursor() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getDefaultCursor();
+  }
+  setDefaultCursor(cursor) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setDefaultCursor(cursor);
+  }
+  getLimitBounds() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getLimitBounds();
+  }
+  setLimitBounds(bounds) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setLimitBounds(bounds);
+  }
+  clearLimitBounds() {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.clearLimitBounds();
+  }
+  getZooms() {
+    var _a;
+    return (_a = this.amap) == null ? void 0 : _a.getZooms();
+  }
+  setZooms(zooms) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.setZooms(zooms);
+  }
+  /**
+   * AMap.Event
+   */
+  on(type2, fn, context2, once) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.on(type2, fn, context2, once);
+    return this;
+  }
+  off(type2, fn, context2) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.off(type2, fn, context2);
+    return this;
+  }
+  hasEvents(type2, fn, context2) {
+    var _a;
+    return !!((_a = this.amap) == null ? void 0 : _a.hasEvents(type2, fn, context2));
+  }
+  clearEvents(type2) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.clearEvents(type2);
+    return this;
+  }
+  emit(type2, data) {
+    var _a;
+    (_a = this.amap) == null ? void 0 : _a.emit(type2, data);
+    return this;
+  }
+  getEvents() {
+    return this.amap.getEvents();
+  }
+}
 const Amap = defineSetup(function Amap2(props, { slots, emit }) {
   const {
     onDragStart,
@@ -2435,10 +2765,11 @@ const Amap = defineSetup(function Amap2(props, { slots, emit }) {
   provideAmap(mapRef);
   const { apiMapDistanceVwOfPoints } = useMapLngLatToVw({ mapRef });
   useAmapWheelZoomCenter({ mapRef, enableRef: Vue.computed(() => !!props.touchZoomCenter) });
-  Vue.watchPostEffect(() => {
+  Vue.watchPostEffect((onCleanup) => {
     if (mapRef.value || !elementRef.value)
       return;
-    const map = new AMap.Map(elementRef.value, {
+    referenceCount.add();
+    const map = new SafeAmap(elementRef.value, {
       ...defaultOptions,
       scrollWheel: defaultOptions.touchZoomCenter ? false : defaultOptions.scrollWheel,
       vectorMapForeign
@@ -2446,6 +2777,13 @@ const Amap = defineSetup(function Amap2(props, { slots, emit }) {
     window.GlobalAmap = map;
     mapRef.value = map;
     setMap == null ? void 0 : setMap(map);
+    onCleanup(() => {
+      window.GlobalAmap = void 0;
+      mapRef.value = void 0;
+      setMap == null ? void 0 : setMap(void 0);
+      map == null ? void 0 : map.destroy();
+      referenceCount.remove();
+    });
   });
   watchNoneImmediatePostEffectForDeepOption(
     () => statusOptions.value,
@@ -2749,18 +3087,26 @@ const AmapPolyline = defineSetup(function AmapPolyline2(props) {
   const polylineRef = Vue.shallowRef();
   const mapRef = useAmap();
   Vue.onMounted(() => {
+    referenceCount.add();
     polylineRef.value = new AMap.Polyline({ ...props });
   });
   Vue.onUnmounted(() => {
-    var _a;
+    var _a, _b;
+    referenceCount.remove();
     (_a = polylineRef.value) == null ? void 0 : _a.setMap(null);
+    (_b = polylineRef.value) == null ? void 0 : _b.destroy();
+    polylineRef.value = void 0;
   });
-  Vue.watchPostEffect(() => {
+  Vue.watchPostEffect((onCleanup) => {
     var _a;
     const map = mapRef == null ? void 0 : mapRef.value;
-    if (!map)
+    if (!(map == null ? void 0 : map.amap))
       return;
-    (_a = polylineRef.value) == null ? void 0 : _a.setMap(map);
+    (_a = polylineRef.value) == null ? void 0 : _a.setMap(map.amap);
+    onCleanup(() => {
+      var _a2;
+      return (_a2 = polylineRef.value) == null ? void 0 : _a2.setMap(null);
+    });
   });
   watchNoneImmediatePostEffectForMapProperty(polylineRef, props, [
     { name: "path", defaultValue: [[0, 0]] },
@@ -3040,7 +3386,7 @@ const useDrivingRoute = (props) => {
   return supplier === "gmap" ? useGDrivingRoute(props) : useADrivingRoute(props);
 };
 const amapComputeHeading = (from, to, map) => {
-  if (!map)
+  if (!(map == null ? void 0 : map.amap))
     return 0;
   const { x: xFrom, y: yFrom } = map.lngLatToContainer(from);
   const { x: xTo, y: yTo } = map.lngLatToContainer(to);
@@ -3132,15 +3478,15 @@ const useAmapFitView = (props) => {
   const { mapRef, autoFitTimeout } = props;
   const overlayGroup = /* @__PURE__ */ new Set();
   let timer = void 0;
-  const setFitView = () => {
+  const setFitView = (immediate = false) => {
     var _a, _b;
     const map = mapRef.value;
-    if (!map)
+    if (!(map == null ? void 0 : map.amap))
       return;
     const vw = window.innerWidth / 100;
     const [top, right, bottom, left] = (_a = props.padding) != null ? _a : [0, 0, 0, 0];
     spaceLog("setFitView", "overlayGroup = ", overlayGroup);
-    map.setFitView([...overlayGroup], false, [top * vw, bottom * vw, left * vw, right * vw]);
+    map.setFitView([...overlayGroup], immediate, [top * vw, bottom * vw, left * vw, right * vw]);
     if (overlayGroup.size === 1) {
       const [overlay] = [...overlayGroup];
       const position = (_b = overlay.getPosition) == null ? void 0 : _b.call(overlay);
@@ -3320,14 +3666,18 @@ const FitViewOnce = defineSetup(function FitViewOnce2(props, {
   } = registerOverlay;
   Vue.onMounted(async () => {
     await mapMountedPromise;
-    setFitView();
+    setFitView(!!props.immediate);
   });
   return () => {
     var _a;
     return Vue.h("div", [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
   };
 });
-function createFittableRegisterOverlay(registerOverlay) {
+function createFittableRegisterOverlay(props) {
+  const {
+    registerOverlay,
+    immediate = false
+  } = props;
   const {
     add,
     remove,
@@ -3335,11 +3685,11 @@ function createFittableRegisterOverlay(registerOverlay) {
   } = registerOverlay;
   const fittableAdd = (v) => {
     add(v);
-    setFitView();
+    setFitView(immediate);
   };
   const fittableRemove = (v) => {
     remove(v);
-    setFitView();
+    setFitView(immediate);
   };
   return {
     add: fittableAdd,
@@ -3402,7 +3752,7 @@ const InterruptableIntervalFitView = defineSetup(function InterruptableIntervalF
       } = pausableSleep(props.interval));
       await sleepPromise;
       console.log("InterruptableIntervalFitView setFitView");
-      registerOverlay.setFitView();
+      registerOverlay.setFitView(!!props.immediate);
     }
   }, {
     immediate: true,
@@ -3588,8 +3938,11 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props,
   const {
     language
   } = useMapSupplier();
-  const fittableRegistryOverlay = createFittableRegisterOverlay(registerOverlay);
-  const deferedSetFitView = pipeDefer(registerOverlay.setFitView);
+  const fittableRegistryOverlay = createFittableRegisterOverlay({
+    registerOverlay,
+    immediate: true
+  });
+  const deferedSetFitView = pipeDefer(() => registerOverlay.setFitView(true));
   return () => {
     const {
       from: inputFromPlace,
@@ -3842,7 +4195,11 @@ function wechatWatchPosition(onSuccess, onError, option) {
             isHandled = true;
             const isGeoWorking = isGeoWorkingRef.value;
             isGeoWorkingRef.value = false;
-            console.warn("MyWarning: wx.getLocation failed msg = ", res.errMsg);
+            console.warn(
+              "MyWarning: wx.getLocation failed errcode, errmsg = ",
+              res.errCode,
+              res.errMsg
+            );
             resolve(void 0);
             if (!isGeoWorking)
               return;
@@ -3932,6 +4289,25 @@ function compatibleWathPosition(onSuccess, onError, option) {
   const watchId = navigator.geolocation.watchPosition(onSuccess, onError, option);
   return () => navigator.geolocation.clearWatch(watchId);
 }
+window.efg = () => my.getLocation({
+  type: 0,
+  cacheTimeout: 1,
+  success(res) {
+    console.log("my.getLocation success = ", JSON.stringify(res, null, 2));
+  },
+  fail(res) {
+    console.log("my.getLocation fail = ", JSON.stringify(res, null, 2));
+  }
+});
+window.abc = () => wx.getLocation({
+  type: "wgs84",
+  success(res) {
+    console.log("wx.getLocation success = ", JSON.stringify(res, null, 2));
+  },
+  fail(res) {
+    console.log("wx.getLocation fail = ", JSON.stringify(res, null, 2));
+  }
+});
 class SingleGeoWatch {
   constructor(option) {
     __publicField(this, "id", 0);
@@ -4080,11 +4456,11 @@ const useHeycarAmap = () => {
   const { apiMapDistanceVwOfPoints } = useMapLngLatToVw({ mapRef: amapRef });
   const setMap = (map) => {
     amapRef.value = map;
-    amapElementRef.value = map.getContainer();
+    amapElementRef.value = map == null ? void 0 : map.getContainer();
   };
   const panTo = async (value) => {
     const amap2 = amapRef.value;
-    if (!amap2)
+    if (!(amap2 == null ? void 0 : amap2.amap))
       return;
     const { lng, lat } = amap2.getCenter();
     const distanceVw = apiMapDistanceVwOfPoints(value, [lng, lat]);
@@ -4104,7 +4480,7 @@ const useHeycarGamp = () => {
   const gmapElementRef = Vue.shallowRef();
   const setMap = (map) => {
     gmapRef.value = map;
-    gmapElementRef.value = map.getDiv();
+    gmapElementRef.value = map == null ? void 0 : map.getDiv();
   };
   const panTo = (value) => {
     var _a;
@@ -5808,6 +6184,7 @@ const useAmapPlace = (props) => {
     async () => {
       await readyPromise;
       const resultPlace = await getPlaceByRegeo(pointRef.value);
+      Object.assign(place, resultPlace);
       onChange == null ? void 0 : onChange(resultPlace);
     }
   );
@@ -5850,6 +6227,7 @@ const useGmapPlace = (props) => {
     async () => {
       await readyPromise;
       const resultPlace = await getPlaceByRegeo(pointRef.value);
+      Object.assign(place, resultPlace);
       onChange == null ? void 0 : onChange(resultPlace);
     }
   );
@@ -6002,6 +6380,22 @@ const useMapRecomendPlace = (props) => {
       isSameZone
     });
   };
+  const updateRecommendPlaceOnlyInZone = async (place) => {
+    const { place: foundPlace, candidates, available, zone } = await findAttachedPlace(place);
+    const resultPlace = zone ? foundPlace : place;
+    const isSameZone = !!zone && isZoneEqual(zone, zoneRef.value);
+    availableRef.value = available;
+    zoneRef.value = zone;
+    placeCandidatesRef.value = candidates;
+    Object.assign(recomendPlace, { ...resultPlace });
+    onChangePlace == null ? void 0 : onChangePlace({ ...resultPlace });
+    onChange == null ? void 0 : onChange({
+      place: { ...resultPlace },
+      inputPlace: { ...place },
+      isInZone: !!zone,
+      isSameZone
+    });
+  };
   const setPlaceCandidatesAndZone = ({
     zone,
     places: inputPlaceCandidates
@@ -6018,6 +6412,7 @@ const useMapRecomendPlace = (props) => {
     availableRef,
     isElectedRef,
     updateRecommendPlace,
+    updateRecommendPlaceOnlyInZone,
     updatePlaceCandidates,
     updatePlace,
     setPlaceCandidatesAndZone
@@ -6045,7 +6440,7 @@ const useAmapZoom = (props) => {
   Vue.watch(
     () => mapRef.value,
     (map) => {
-      if (!map)
+      if (!(map == null ? void 0 : map.amap))
         return;
       zoomRef.value = map.getZoom();
     }
@@ -6093,20 +6488,28 @@ const AmapPolygon = defineSetup(function AmapPolygon2(props) {
   const polygonRef = Vue.shallowRef();
   const mapRef = useAmap();
   Vue.onMounted(() => {
+    referenceCount.add();
     polygonRef.value = new AMap.Polygon();
     polygonRef.value.setOptions(props);
   });
   Vue.onUnmounted(() => {
-    var _a;
+    var _a, _b;
+    referenceCount.remove();
     (_a = polygonRef.value) == null ? void 0 : _a.setMap(null);
+    (_b = polygonRef.value) == null ? void 0 : _b.destroy();
+    polygonRef.value = void 0;
   });
   useAmapFixBugPolygonDrag(polygonRef);
-  Vue.watchPostEffect(() => {
+  Vue.watchPostEffect((onCleanup) => {
     var _a;
     const map = mapRef == null ? void 0 : mapRef.value;
-    if (!map)
+    if (!(map == null ? void 0 : map.amap))
       return;
-    (_a = polygonRef.value) == null ? void 0 : _a.setMap(map);
+    (_a = polygonRef.value) == null ? void 0 : _a.setMap(map.amap);
+    onCleanup(() => {
+      var _a2;
+      return (_a2 = polygonRef.value) == null ? void 0 : _a2.setMap(null);
+    });
   });
   watchNoneImmediatePostEffectForMapProperty(polygonRef, props, [
     { name: "path", defaultValue: [[0, 0]] },
@@ -6784,7 +7187,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     centerSource.source = "api";
     const place = toPlaceType(input);
     Object.assign(centerPlace, place);
-    updateRecommendPlace(place);
+    updateRecommendPlaceOnlyInZone(place);
   };
   const setCenterPlaceByUserSpecifiedInZone = async ({
     place: inputPlace,
@@ -6854,7 +7257,10 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
         updatePlace(value.position);
       }
     },
-    onChange: (v) => emit("changeGeoLocation", v),
+    onChange: (v) => {
+      mapContext.geoPositionRef.value = v.position;
+      emit("changeGeoLocation", v);
+    },
     onError: (e) => emit("geoError", e)
   });
   mapContext.setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
@@ -6877,7 +7283,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   });
   const {
     updatePlace,
-    updateRecommendPlace,
+    updateRecommendPlaceOnlyInZone,
     setPlaceCandidatesAndZone,
     placeCandidates,
     zoneRef,
@@ -6937,8 +7343,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     const {
       geoLoadingTitle: geoLoadingTitle2,
       recomendDescription,
-      unavailableTitle,
-      disableLocator
+      unavailableTitle
     } = props;
     const title = geoLoading.value ? geoLoadingTitle2 : !availableRef.value ? unavailableTitle : centerPlace.displayName;
     const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
@@ -6976,14 +7381,14 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
         "title": title,
         "description": description,
         "type": isDragging.value ? "locator" : "box",
-        "withArrow": !disableLocator
+        "withArrow": true
       },
       "on": {
-        "click": () => disableLocator ? null : emit("clickLocator")
+        "click": () => emit("clickLocator")
       }
     })]);
   };
-}).props(["log", "geoLoadingTitle", "unavailableTitle", "recomendDescription", "disableLocator", "fallback", "geoDefaultPosition", "getRecomendPlace", "getDefaultCenterPlace", "loading", "mapContext"]);
+}).props(["log", "geoLoadingTitle", "unavailableTitle", "recomendDescription", "fallback", "geoDefaultPosition", "getRecomendPlace", "getDefaultCenterPlace", "loading", "mapContext"]);
 const emptyPlace = {
   lng: 0,
   lat: 0,
@@ -6995,12 +7400,11 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
   slots
 }) {
   const {
+    getRecomendPlace,
     mapContext,
-    disableLocator,
     defaultPlace = {
       ...emptyPlace
-    },
-    getRecomendPlace
+    }
   } = props;
   const pipedGetRecomendPlace = pipeOnlyLastEffect(getRecomendPlace);
   const {
@@ -7029,15 +7433,11 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     centerSource.source = "api";
     updatePlace(point);
   };
-  const setCenterPlaceDisplayNameOnce = createRunOnce((input) => {
-    if (input)
-      centerPlace.displayName = String(input);
-  });
   const setCenterPlaceByUserSpecified = async (input) => {
     centerSource.source = "api";
     const place = toPlaceType(input);
     Object.assign(centerPlace, place);
-    updateRecommendPlace(place);
+    updateRecommendPlaceOnlyInZone(place);
   };
   const setCenterPlaceByUserSpecifiedInZone = async ({
     place: inputPlace,
@@ -7086,7 +7486,6 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     geoDefaultPosition: place2point(defaultPlace),
     onError: (e) => emit("geoError", e)
   });
-  mapContext.setCenterPlaceDisplayNameOnce = setCenterPlaceDisplayNameOnce;
   mapContext.setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
   mapContext.setCenterPlaceByUserSpecifiedInZone = setCenterPlaceByUserSpecifiedInZone;
   mapContext.panToGeoPositionByRecomend = () => {
@@ -7106,7 +7505,7 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
   });
   const {
     updatePlace,
-    updateRecommendPlace,
+    updateRecommendPlaceOnlyInZone,
     updatePlaceCandidates,
     setPlaceCandidatesAndZone,
     placeCandidates,
@@ -7209,15 +7608,11 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
       "attrs": {
         "title": title,
         "description": description,
-        "type": isDragging.value ? "locator" : "box",
-        "withArrow": !disableLocator
-      },
-      "on": {
-        "click": () => disableLocator ? null : emit("clickLocator")
+        "type": isDragging.value ? "locator" : "box"
       }
     })]);
   };
-}).props(["loading", "fallback", "log", "defaultPlace", "unavailableTitle", "recomendDescription", "disableLocator", "getRecomendPlace", "mapContext"]);
+}).props(["loading", "fallback", "log", "defaultPlace", "unavailableTitle", "recomendDescription", "getRecomendPlace", "mapContext"]);
 const imgTaxicar = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0zNC4wODcgMTAuOTZjMCAyLjM2OS0uMDU0IDIuOTgtLjc4MiAzLjcwNC0uNzkzLjc5LTUuMjM2LjgzMy01LjIzNi44MzNsLTQuMTE2LjE5Mi05Ljg5Ni0uMTQ0cy03Ljc5LS4wMjYtOS4xMzEtLjAyNmMtMS4zNDIgMC0yLjQwNi0uODQ3LTIuNDA2LS44NDdDLjE0IDEyLjkzMiAwIDExLjA5IDAgMTEuMDlWNS44NnMuMTQtMS44NDIgMi41Mi0zLjU4M2MwIDAgMS4wNjQtLjg0NiAyLjQwNi0uODQ2IDEuMzQxIDAgOS4xMy0uMDI2IDkuMTMtLjAyNmw5Ljg5Ny0uMTQ0IDQuMTE2LjE5MnM0LjQ4NCAwIDUuMjM2LjgzM2MuNzc4Ljg2Ljc4MiAxLjM3Ljc4MiAzLjc0djQuOTM0eiIgaWQ9InByZWZpeF9fYiIvPjxwYXRoIGQ9Ik0wIDEuNDkzUzUuNy4xOCA4LjcxOS4wNWMzLjAyLS4xMzEgMy40Ny4wMTcgNS4yODIuMjEuNTA3LjA1MSAzLjI2LjkxIDMuMjYuOTFsLTcuMzAzLjNMMCAxLjQ5NHoiIGlkPSJwcmVmaXhfX2MiLz48cGF0aCBkPSJNMTAuMDggMi44MTVDOS4yOTUgNC40ODMgOC44NSA2LjQyMyA4Ljg1IDguNDk0YzAgMi4wNjIuNDQyIDMuOTk0IDEuMjIgNS42NTdsNS42OTgtMS4xNTdhMTUuNjAxIDE1LjYwMSAwIDAxLS42NjctNC41NTJjMC0xLjY1OS4yMDQtMy4wNjUuNjU5LTQuNTA1TDEwLjA4IDIuODE1eiIgaWQ9InByZWZpeF9fZSIvPjxwYXRoIGQ9Ik0yNS43NTMgOC40NTVjMCAxLjkyLS4yMiAzLjM2NC0uNjAxIDQuODkxbDIuNjI2LjM1YzEuMTc4LS4wMDUgMi4xMzItMi4zMzUgMi4xMzItNS4yMTVzLS45NTQtNS4yMS0yLjEzMi01LjIxbC0yLjYxNC4zNWMuMzcyIDEuNTEzLjU4OSAyLjk0LjU4OSA0LjgzNHoiIGlkPSJwcmVmaXhfX2ciLz48cGF0aCBkPSJNLjA2NC4wMTVMLjE1OC4wMDJDLjE4OC0uMDE2LjM3MS4xMDYuNC4xMjRjLjE4OC4xMjYuMzIxLjI0NC40My43Ni4wNTQuMjUyLjIwNyAxLjQ2NS4xOTggMS40OTZsLS42MzMuODMzLjExOSAzLjE3LS4wOTQuMDc2TDAgLjEzN2MwLS4wNTIuMDI1LS4xLjA2NC0uMTIyeiIgaWQ9InByZWZpeF9faSIvPjxwYXRoIGQ9Ik0uMDY0IDYuNTE1bC4wOTQuMDEzYy4wMy4wMTguMjEzLS4xMDQuMjQyLS4xMjIuMTg4LS4xMjYuMzIxLS4yNDQuNDMtLjc2LjA1NC0uMjUyLjIwNy0xLjQ2NS4xOTgtMS40OTZsLS42MzMtLjgzM0wuNDIgMHYuMDdMMCA2LjM5NGMwIC4wNTIuMDI1LjEuMDY0LjEyMnoiIGlkPSJwcmVmaXhfX2siLz48bGluZWFyR3JhZGllbnQgeDE9IjEyNS4yNjQlIiB5MT0iNDkuNjI2JSIgeDI9IjAlIiB5Mj0iNTAlIiBpZD0icHJlZml4X19kIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9Ii41IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1vcGFjaXR5PSIuNSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjIyLjcxMiUiIHkxPSI3My4xMzMlIiB4Mj0iNjguNjIlIiB5Mj0iNjYuMTk0JSIgaWQ9InByZWZpeF9fZiI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIuNSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3Atb3BhY2l0eT0iLjUiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSIxMjguNzY4JSIgeTE9IjUwJSIgeDI9IjAlIiB5Mj0iNTAlIiBpZD0icHJlZml4X19oIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9Ii41IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1vcGFjaXR5PSIuNSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIxMDAlIiB4Mj0iMjguNCUiIHkyPSIxMDAlIiBpZD0icHJlZml4X19qIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZCRUJFIiBzdG9wLW9wYWNpdHk9Ii41IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzM1MjIyMiIgc3RvcC1vcGFjaXR5PSIuNSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIxMDAlIiB4Mj0iMjguNCUiIHkyPSIxMDAlIiBpZD0icHJlZml4X19sIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZCRUJFIiBzdG9wLW9wYWNpdHk9Ii41IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzM1MjIyMiIgc3RvcC1vcGFjaXR5PSIuNSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIHg9Ii0xNy42JSIgeT0iLTQxLjYlIiB3aWR0aD0iMTM1LjIlIiBoZWlnaHQ9IjE4My4yJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0icHJlZml4X19hIj48ZmVPZmZzZXQgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjA4NjI3NDUwOTggMCAwIDAgMCAwLjA4NjI3NDUwOTggMCAwIDAgMCAwLjA4NjI3NDUwOTggMCAwIDAgMC41IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTAgMGgyNHY0NEgweiIvPjxnIGZpbGwtcnVsZT0ibm9uemVybyI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIDEgMCAzLjQ5OCA0LjY0MikiPjx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fYSkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2IiLz48dXNlIGZpbGw9IiNERkVDRjIiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2IiLz48L2c+PHBhdGggZD0iTTE0LjQ1OCAzOC43MjhjMi4zNjkgMCAyLjk4LS4wNTMgMy43MDQtLjc4MS43OS0uNzk0LjgzNC01LjIzNy44MzQtNS4yMzdsLjE5MS00LjExNS0uMTQ0LTkuODk2cy0uMDI2LTcuNzktLjAyNi05LjEzMmMwLTEuMzQyLS44NDYtMi40MDUtLjg0Ni0yLjQwNS0xLjc0MS0yLjM4MS0zLjU4Mi0yLjUyLTMuNTgyLTIuNTJIOS4zNTdzLTEuODQxLjEzOS0zLjU4MiAyLjUyYzAgMC0uODQ3IDEuMDYzLS44NDcgMi40MDUgMCAxLjM0Mi0uMDI2IDkuMTMyLS4wMjYgOS4xMzJsLS4xNDQgOS44OTYuMTkyIDQuMTE1czAgNC40ODQuODMzIDUuMjM3Yy44Ni43NzcgMS4zNy43ODEgMy43NC43ODFoNC45MzV6IiBmaWxsPSIjRUZGNUY4Ii8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIDEgMCAxNy4wOTMgMTUuMDYyKSIgb3BhY2l0eT0iLjkiPjx1c2UgZmlsbD0iIzE2MTYxNiIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYyIvPjx1c2UgZmlsbD0idXJsKCNwcmVmaXhfX2QpIiB4bGluazpocmVmPSIjcHJlZml4X19jIi8+PC9nPjxwYXRoIGQ9Ik01LjgyNiAxNC41M2MxLjgwNi0uOTM3IDMuOTE1LTEuNDY1IDYuMTctMS40NjUgMi4yNDMgMCA0LjMzOS41MjggNi4xNDEgMS40NTJsLTEuMjc4IDYuNDg5YTE1LjM3NSAxNS4zNzUgMCAwMC00LjkxNS0uNzk0Yy0xLjc5MyAwLTMuMzI0LjI1NC00Ljg3My43OTRMNS44MjYgMTQuNTN6IiBmaWxsPSIjMTYxNjE2Ii8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIDEgMCAzLjQ5OCA0LjY0MikiPjx1c2UgZmlsbD0iIzNDNDI0MiIgeGxpbms6aHJlZj0iI3ByZWZpeF9fZSIvPjx1c2UgZmlsbD0idXJsKCNwcmVmaXhfX2YpIiB4bGluazpocmVmPSIjcHJlZml4X19lIi8+PC9nPjxnIG9wYWNpdHk9Ii45IiB0cmFuc2Zvcm09Im1hdHJpeCgwIDEgMSAwIDMuNDk4IDQuNjQyKSI+PHVzZSBmaWxsPSIjMTYxNjE2IiB4bGluazpocmVmPSIjcHJlZml4X19nIi8+PHVzZSBmaWxsPSJ1cmwoI3ByZWZpeF9faCkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2ciLz48L2c+PHBhdGggZD0iTTMuODcgMTcuNjUxbC44NzYtLjQ2MmEuMzEzLjMxMyAwIDAwLjE3LS4yNzR2LS4xODhsLTEuMzE3LjY5NXYuMDgyYy4wMDQuMTI3LjE1Mi4yMDkuMjcuMTQ3eiIgZmlsbD0iIzMwMzQzNSIvPjxwYXRoIGQ9Ik0zLjU2NCAxNy40NWwxLjA4Mi0uNTY4Yy4xLS4wNTMuMjEtLjA5LjMyNy0uMTA2YS4xMDguMTA4IDAgMDAuMDk2LS4xMDd2LS41NTJjMC0uMDktLjA3OC0uMTY0LS4xNzQtLjE2NEg0Ljg1Yy0uMTEgMC0uNTAyLjA2Mi0xIC41MjgtLjIyMi4yMDktLjM1My42MzgtLjM1My45MzMgMCAuMDMzLjAzNS4wNTMuMDY2LjAzN3oiIGZpbGw9IiNERkVDRjIiLz48cGF0aCBkPSJNNS40MzQgMTUuMDYyczEuMDk1IDQuNDY3IDEuMjI2IDcuNDg2Yy4xMzEgMy4wMi0uMDE3IDMuNDctLjIxIDUuMjgyLS4wNTEuNTA3LS45MzcgMy44MTMtLjkzNyAzLjgxM0w1LjM2IDI1LjE3bC4wNzQtMTAuMTF6IiBmaWxsPSIjMTYxNjE2IiBvcGFjaXR5PSIuOSIvPjxwYXRoIGQ9Ik0yMC4xMyAxNy42NTFsLS44NzYtLjQ2MmEuMzEzLjMxMyAwIDAxLS4xNy0uMjc0di0uMTg4bDEuMzE3LjY5NXYuMDgyYy0uMDA0LjEyNy0uMTUyLjIwOS0uMjcuMTQ3eiIgZmlsbD0iIzMwMzQzNSIvPjxwYXRoIGQ9Ik0yMC40MzYgMTcuNDVsLTEuMDgyLS41NjhhLjk4NC45ODQgMCAwMC0uMzI3LS4xMDYuMTA4LjEwOCAwIDAxLS4wOTYtLjEwN3YtLjU1MmMwLS4wOS4wNzgtLjE2NC4xNzQtLjE2NGguMDQ0Yy4xMSAwIC41MDIuMDYyIDEgLjUyOC4yMjIuMjA5LjM1My42MzguMzUzLjkzMyAwIC4wMzMtLjAzNS4wNTMtLjA2Ni4wMzd6IiBmaWxsPSIjREZFQ0YyIi8+PHBhdGggZD0iTTkuMjk2IDM4LjUyNGg1LjM3NWMyLjI1MiAwIDIuODA2LS40NTggMy40MzQtMS4xNS0uMTA0LjI4Ny0uMjE4LjUyLS4zNDQuNjU5LS43MTIuNzgxLTEuMDI2IDEuMzI1LTMuMzU2IDEuMzI1SDkuNTU4Yy0yLjMzIDAtMi41NDQtLjQ4Ni0zLjM5LTEuMzI1LS4xNDktLjE0Ny0uMjc2LS40MDUtLjM4OS0uNzMyLjc1NS43NzcgMS4xNjUgMS4yMjMgMy41MTcgMS4yMjN6IiBmaWxsPSIjOTVBNEFEIi8+PHBhdGggZD0iTTguODgxIDM3LjkyMmg2LjA1MmMxLjkxMSAwIDIuNzM2LS4yOTggMy4zMy0uNzgxYTMuMDc1IDMuMDc1IDAgMDEtLjI5Ny43MmMtLjU4NS42MTgtMS4yMyAxLjAxOS0zLjMzNCAxLjAxOUg5LjE3OGMtMS40OCAwLTIuMi0uMTc2LTIuNzE4LS41MDQtLjExOC0uMTEtLjI0LS4yMzctLjM4NC0uMzg0LS4xNC0uMTQ3LS4yNjYtLjQwNS0uMzc2LS43NC41OS40MzMgMS4zOC42NyAzLjE4MS42N3oiIGZpbGw9IiNDQkQ4REUiLz48cGF0aCBkPSJNMTEuODE4IDM4LjAzN2MxLjY1IDAgMy4xMTUtLjA2NiA0LjA0LS4xNjQtLjA3LjE5My0uMTUyLjM0NC0uMjQuNDI2LS4wMzUuMDM3LS4xMTMuMDctLjE0OC4wOTgtLjkyNS4wODItMi4xOTUuMTMtMy42NTIuMTNhNDYuMjIgNDYuMjIgMCAwMS0zLjUzOS0uMTE4Yy0uMDQtLjAzMy0uMTI2LS4wNy0uMTctLjExLS4wOTYtLjA4Mi0uMTc5LS4yMy0uMjUzLS40MTguOTM0LjA5OSAyLjM2LjE1NiAzLjk2Mi4xNTZ6IiBmaWxsPSIjRjJGQUZGIi8+PHBhdGggZD0iTTExLjk4OCAxMi4xOTRjLTIuMjAzIDAtNC4yODUuNDQ2LTYuMTA5IDEuMjI3Ljc4Ny02Ljk2MSAzLjUtNy4xOCAzLjUtNy4xOGg1LjE5MnMzLjEyNS4zMTkgMy41IDcuMTcyYTE1LjQ5MyAxNS40OTMgMCAwMC02LjA4My0xLjIyeiIgZmlsbD0iI0Y5RkRGRiIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAxIDAgNS44MzQgMzcuNTE3KSI+PHVzZSBmaWxsPSIjQjkyRTREIiB4bGluazpocmVmPSIjcHJlZml4X19pIi8+PHVzZSBmaWxsLW9wYWNpdHk9Ii43IiBmaWxsPSJ1cmwoI3ByZWZpeF9faikiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2kiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIDEgMCAxMS40MzggMzcuNTE3KSI+PHVzZSBmaWxsPSIjQjkyRTREIiB4bGluazpocmVmPSIjcHJlZml4X19rIi8+PHVzZSBmaWxsLW9wYWNpdHk9Ii43IiBmaWxsPSJ1cmwoI3ByZWZpeF9fbCkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2siLz48L2c+PHBhdGggZD0iTTE4LjQxIDM2LjI3NGMtLjAzOC4yNS0uMDgyLjQ1NC0uMTMuNjQyLS4wOTIuMzcyLS40MTkuNjU1LS44Mi43MTItMS40NzUuMjA4LTMuNDM0LjQyMS01LjU4MS40MjEtMi4wODYgMC0zLjk4OC0uMjA0LTUuNDQ2LS40MDVhLjk3NS45NzUgMCAwMS0uODI0LS43MDggOC45MDMgOC45MDMgMCAwMS0uMTM1LS42NDJjMS41MjIuMjUgMy44MjYuNDEgNi40MDUuNDEgMi42NDggMCA1LjAwOS0uMTY4IDYuNTMyLS40M3oiIGZpbGw9IiNERkVDRjIiLz48cGF0aCBkPSJNMTYuMjE2IDM2LjcxMWMtLjk0Ny40ODctMi40ODcuNy00LjIzMi43LTEuNjk4IDAtMy4yMDctLjE5Ni00LjE1OS0uNjYzLS40NC0uODMtLjY2My0yLjY0My0uNjYzLTIuNjQzbC0uMDA5LS4xODRjLjc3My43MDggMi42NDUgMS4yMDMgNC44MyAxLjIwMyAyLjI0MyAwIDQuMTU5LS41MjQgNC44OTItMS4yNmwtLjAxMy4yNDFjMC0uMDA0LS4yMTggMS43NjQtLjY0NiAyLjYwNnpNNy40NDcgMjMuOTNhMjAuMTIgMjAuMTIgMCAwMC0uMjk0LTIuNDQydi0uMDY1YzEuNTM4LS4zMiAzLjE2Ny0uNjQ5IDQuODYyLS42NDkgMS42NzUgMCAzLjI5NC4zMjYgNC44MTYuNjM3YTIyLjY3MyAyMi42NzMgMCAwMC0uMzAzIDIuNTJjLS4xNDcgMi44ODQuMDIgMy4zMTQuMjMyIDUuMDQ4LjAwNi4wNTcuMDI2LjE1Mi4wNTYuMjc0LTEuNTEzLjI3OC0zIC41NC00LjkxMi41NC0xLjg0NyAwLTMuMjg5LS4yNS00Ljc1LS41MTF2LS4wMDhjLjAzLS4xMzEuMDU1LS4yMzMuMDYtLjI5LjIxOC0xLjc0NC4zOC0yLjE3My4yMzMtNS4wNTN6IiBmaWxsPSIjRjJGQUZGIi8+PHBhdGggZD0iTTEyLjA2NyAxOS43MTZsLTQuNjQ1LjY5MmMtLjQzMS0yLjkyLS44MzItNC4zNi0xLjIwMi00LjMyNGwtLjIxLTEuMjk3YTExLjczMiAxMS43MzIgMCAwMTYuMDI2LTEuNjczYy4zODYgMC0uMTM3LjA1LTEuNTY5LjE0N2wxLjYgNi40NTV6IiBmaWxsPSIjMTYxNjE2Ii8+PC9nPjwvZz48L3N2Zz4=";
 const TaxiCar_css_ts_vanilla = "";
 var carIcon = "_65j3sr1";
@@ -7595,10 +7990,12 @@ const SectionDispatching = defineSetup(function SectionDispatching2(props) {
       }
     }), Vue.h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), Vue.h(InterruptableIntervalFitView, {
       "attrs": {
+        "immediate": true,
         "interval": AUTO_FIT_VIEW_INTERVAL,
         "registerOverlay": registerOverlay
       }
@@ -7670,7 +8067,8 @@ const SectionConfirmed = defineSetup(function SectionConfirmed2(props) {
       }
     }), Vue.h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), Vue.h(InterruptableIntervalFitView, {
       "attrs": {
@@ -7684,7 +8082,10 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
   const {
     registerOverlay
   } = props;
-  const fittableRegistryOverlay = createFittableRegisterOverlay(registerOverlay);
+  const fittableRegistryOverlay = createFittableRegisterOverlay({
+    registerOverlay,
+    immediate: true
+  });
   const {
     language
   } = useMapSupplier();
@@ -7776,7 +8177,8 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
       }
     }), Vue.h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), Vue.h(InterruptableIntervalFitView, {
       "attrs": {
@@ -7863,7 +8265,8 @@ const SectionBookDispatched = defineSetup(function SectionBookDispatched2(props)
       }
     }), Vue.h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), Vue.h(InterruptableIntervalFitView, {
       "attrs": {
@@ -7877,7 +8280,10 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
   const {
     registerOverlay
   } = props;
-  const fittableRegistryOverlay = createFittableRegisterOverlay(registerOverlay);
+  const fittableRegistryOverlay = createFittableRegisterOverlay({
+    registerOverlay,
+    immediate: true
+  });
   const {
     language
   } = useMapSupplier();
@@ -7936,7 +8342,8 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
       }
     }), Vue.h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), Vue.h(InterruptableIntervalFitView, {
       "attrs": {
@@ -7950,7 +8357,10 @@ const SectionInService = defineSetup(function SectionInService2(props) {
   const {
     registerOverlay
   } = props;
-  const fittableRegistryOverlay = createFittableRegisterOverlay(registerOverlay);
+  const fittableRegistryOverlay = createFittableRegisterOverlay({
+    registerOverlay,
+    immediate: true
+  });
   return () => {
     const {
       to: toPlace,
@@ -8020,7 +8430,8 @@ const SectionInService = defineSetup(function SectionInService2(props) {
       }
     }), Vue.h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), Vue.h(InterruptableIntervalFitView, {
       "attrs": {
@@ -8070,10 +8481,12 @@ const SectionCanceled = defineSetup(function SectionCanceled2(props) {
       }
     }), Vue.h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), Vue.h(InterruptableIntervalFitView, {
       "attrs": {
+        "immediate": true,
         "interval": AUTO_FIT_VIEW_INTERVAL,
         "registerOverlay": registerOverlay
       }
@@ -8133,11 +8546,13 @@ const SectionEndService = defineSetup(function SectionEndService2(props) {
       }
     }), Vue.h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), Vue.h(InterruptableIntervalFitView, {
       "attrs": {
         "interval": AUTO_FIT_VIEW_INTERVAL,
+        "immediate": true,
         "registerOverlay": registerOverlay
       }
     })]);
@@ -8155,7 +8570,7 @@ const BusinessTaxiEndMap = defineSetup(function BusinessTaxiEndMap2(props) {
     autoFitTimeout: 5e3,
     padding: [19, 36, 19, 26]
   });
-  const deferedSetFitView = pipeDefer(registerFitVeiw.setFitView);
+  const deferedSetFitView = pipeDefer(() => registerFitVeiw.setFitView(true));
   return () => {
     const {
       from: inputFrom,
@@ -8194,7 +8609,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
     renderStartSerivceTitle,
     renderInServiceTitle
   } = props;
-  const deferedSetFitView = pipeDefer(registerOverlay.setFitView);
+  const deferedSetFitView = pipeDefer(() => registerOverlay.setFitView(true));
   const {
     setMap,
     mapElementRef
@@ -8365,19 +8780,17 @@ const useBusinessRecomendPlaceMap = () => {
     displayName: ""
   });
   const placeCandidates = Vue.ref([]);
+  const geoPositionRef = Vue.ref();
   const { apiMapDistance } = useMapGeometry();
   const { inChina } = useMapInChina();
   const panToGeoPositionByRecomend = (value) => mapContext.panToGeoPositionByRecomend(value);
-  const setCenterPlaceDisplayNameOnce = (value) => mapContext.setCenterPlaceDisplayNameOnce(value);
   const setCenterPlaceByUserSpecified = (value) => mapContext.setCenterPlaceByUserSpecified(value);
   const setCenterPlaceByUserSpecifiedInZone = (value) => mapContext.setCenterPlaceByUserSpecifiedInZone(value);
   const mapContext = {
+    geoPositionRef,
     panToGeoPositionByRecomend: () => {
       throw new Error("MyError: panToGeoPositionByRecomend used before assigned");
     },
-    setCenterPlaceDisplayNameOnce: () => {
-      throw new Error("MyError: setCenterPlaceDisplayName used before assigned");
-    },
     setCenterPlaceByUserSpecified: () => {
       throw new Error("MyError: setCenterPlaceByRecomand used before assigned");
     },
@@ -8395,8 +8808,8 @@ const useBusinessRecomendPlaceMap = () => {
     mapContext,
     centerPlace,
     placeCandidates,
+    geoPosition: Vue.readonly(geoPositionRef),
     panToGeoPositionByRecomend,
-    setCenterPlaceDisplayNameOnce,
     setCenterPlaceByUserSpecified,
     setCenterPlaceByUserSpecifiedInZone,
     apiMapDistance,