@heycar/heycars-map 0.9.8-fix2 → 0.9.8-memory

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_css_ts_vanilla = "";
 const name = "@heycar/heycars-map";
-const version = "0.9.8-fix2";
+const version = "0.9.8-memory";
 const type = "module";
 const bin = {
   checkVersion: "./bin/checkVersion.js"
@@ -1216,7 +1216,7 @@ const pipeDefer = (fn) => (...args) => {
     setTimeout(() => {
       const result = fn == null ? void 0 : fn(...args);
       resolve(result);
-    }, 1e3);
+    }, 50);
   });
 };
 const pipeOnlyLastEffect = (fn) => {
@@ -1385,14 +1385,13 @@ function watchPostEffectForMapProperty(targetRef, props, nameOptions, watchOptio
   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);
         }
       }
     },
@@ -1411,16 +1410,18 @@ function watchNoneImmediatePostEffectForMapProperty(targetRef, props, nameOption
 }
 function watchPostEffectForAMapEvent(targetRef, props, emit, propertyNames) {
   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)
@@ -1450,24 +1451,49 @@ function watchPostEffectForGMapEvent(targetRef, props, emit, propertyNames) {
 const watchPostEffectOnce = (callback) => {
   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 = shallowRef();
   const mapRef = useAmap();
   onMounted(() => {
+    referenceCount.add();
     markerRef.value = new AMap.Marker({ ...props });
   });
   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 });
-  watchPostEffect(() => {
+  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: "" },
@@ -2315,6 +2341,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];
@@ -2379,6 +2407,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,
@@ -2422,10 +2760,11 @@ const Amap = defineSetup(function Amap2(props, { slots, emit }) {
   provideAmap(mapRef);
   const { apiMapDistanceVwOfPoints } = useMapLngLatToVw({ mapRef });
   useAmapWheelZoomCenter({ mapRef, enableRef: computed(() => !!props.touchZoomCenter) });
-  watchPostEffect(() => {
+  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
@@ -2433,6 +2772,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,
@@ -2736,18 +3082,26 @@ const AmapPolyline = defineSetup(function AmapPolyline2(props) {
   const polylineRef = shallowRef();
   const mapRef = useAmap();
   onMounted(() => {
+    referenceCount.add();
     polylineRef.value = new AMap.Polyline({ ...props });
   });
   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;
   });
-  watchPostEffect(() => {
+  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]] },
@@ -3027,7 +3381,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);
@@ -3119,15 +3473,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);
@@ -3307,7 +3661,7 @@ const FitViewOnce = defineSetup(function FitViewOnce2(props, {
   } = registerOverlay;
   onMounted(async () => {
     await mapMountedPromise;
-    setFitView();
+    setFitView(!!props.immediate);
   });
   return () => {
     var _a;
@@ -3389,7 +3743,7 @@ const InterruptableIntervalFitView = defineSetup(function InterruptableIntervalF
       } = pausableSleep(props.interval));
       await sleepPromise;
       console.log("InterruptableIntervalFitView setFitView");
-      registerOverlay.setFitView();
+      registerOverlay.setFitView(!!props.immediate);
     }
   }, {
     immediate: true,
@@ -3576,7 +3930,7 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props,
     language
   } = useMapSupplier();
   const fittableRegistryOverlay = createFittableRegisterOverlay(registerOverlay);
-  const deferedSetFitView = pipeDefer(registerOverlay.setFitView);
+  const deferedSetFitView = pipeDefer(() => registerOverlay.setFitView(true));
   return () => {
     const {
       from: inputFromPlace,
@@ -4090,11 +4444,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]);
@@ -4114,7 +4468,7 @@ const useHeycarGamp = () => {
   const gmapElementRef = shallowRef();
   const setMap = (map) => {
     gmapRef.value = map;
-    gmapElementRef.value = map.getDiv();
+    gmapElementRef.value = map == null ? void 0 : map.getDiv();
   };
   const panTo = (value) => {
     var _a;
@@ -6057,7 +6411,7 @@ const useAmapZoom = (props) => {
   watch(
     () => mapRef.value,
     (map) => {
-      if (!map)
+      if (!(map == null ? void 0 : map.amap))
         return;
       zoomRef.value = map.getZoom();
     }
@@ -6105,20 +6459,28 @@ const AmapPolygon = defineSetup(function AmapPolygon2(props) {
   const polygonRef = shallowRef();
   const mapRef = useAmap();
   onMounted(() => {
+    referenceCount.add();
     polygonRef.value = new AMap.Polygon();
     polygonRef.value.setOptions(props);
   });
   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);
-  watchPostEffect(() => {
+  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]] },
@@ -7596,10 +7958,12 @@ const SectionDispatching = defineSetup(function SectionDispatching2(props) {
       }
     }), h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), h(InterruptableIntervalFitView, {
       "attrs": {
+        "immediate": true,
         "interval": AUTO_FIT_VIEW_INTERVAL,
         "registerOverlay": registerOverlay
       }
@@ -7671,7 +8035,8 @@ const SectionConfirmed = defineSetup(function SectionConfirmed2(props) {
       }
     }), h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), h(InterruptableIntervalFitView, {
       "attrs": {
@@ -7777,7 +8142,8 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
       }
     }), h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), h(InterruptableIntervalFitView, {
       "attrs": {
@@ -7864,7 +8230,8 @@ const SectionBookDispatched = defineSetup(function SectionBookDispatched2(props)
       }
     }), h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), h(InterruptableIntervalFitView, {
       "attrs": {
@@ -7937,7 +8304,8 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
       }
     }), h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), h(InterruptableIntervalFitView, {
       "attrs": {
@@ -8021,7 +8389,8 @@ const SectionInService = defineSetup(function SectionInService2(props) {
       }
     }), h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), h(InterruptableIntervalFitView, {
       "attrs": {
@@ -8071,10 +8440,12 @@ const SectionCanceled = defineSetup(function SectionCanceled2(props) {
       }
     }), h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), h(InterruptableIntervalFitView, {
       "attrs": {
+        "immediate": true,
         "interval": AUTO_FIT_VIEW_INTERVAL,
         "registerOverlay": registerOverlay
       }
@@ -8134,11 +8505,13 @@ const SectionEndService = defineSetup(function SectionEndService2(props) {
       }
     }), h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "immediate": true
       }
     }), h(InterruptableIntervalFitView, {
       "attrs": {
         "interval": AUTO_FIT_VIEW_INTERVAL,
+        "immediate": true,
         "registerOverlay": registerOverlay
       }
     })]);
@@ -8156,7 +8529,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,
@@ -8195,7 +8568,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
     renderStartSerivceTitle,
     renderInServiceTitle
   } = props;
-  const deferedSetFitView = pipeDefer(registerOverlay.setFitView);
+  const deferedSetFitView = pipeDefer(() => registerOverlay.setFitView(true));
   const {
     setMap,
     mapElementRef