@heycar/heycars-map 0.9.0 → 0.9.3

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.9.0";
+const version = "0.9.3";
 const type = "module";
 const scripts = {
   dev: "vite -c vite.config.dev.ts",
@@ -1098,19 +1098,81 @@ const isPlace = (place) => {
   return place.lng !== void 0 && place.lat !== void 0;
 };
 const sleep = (milliSeconds) => new Promise((resolve) => setTimeout(resolve, milliSeconds));
-const assertPoint = (point) => {
+function assertPoint(point) {
   if (Array.isArray(point) && point.length === 2 && typeof point[0] === "number" && typeof point[1] === "number")
     return;
   throw new Error(`Assertion Error: expect type [number, number], actual is ${point}`);
-};
-const assertAngle = (angle) => {
+}
+function assertAngle(angle) {
   if (typeof angle === "number" || typeof angle === "undefined")
     return;
   throw new Error(`Assertion Error: expect type number | undefined, actual is ${angle}`);
-};
+}
+function assertZone(zone) {
+  try {
+    if (Array.isArray(zone == null ? void 0 : zone.path) && zone.path.every(assertPoint))
+      return;
+  } catch (err) {
+    throw new Error(`Assertion Error: expect type Zone, actual is ${JSON.stringify(zone)}`);
+  }
+}
 const isLatLngLiteral = (value) => {
   return value != null && typeof value === "object" && Number.isFinite(value.lat) && Number.isFinite(value.lng);
 };
+function defered() {
+  const defer = {};
+  const promise = new Promise((resolve, reject) => {
+    defer.state = "pending";
+    defer.resolve = async (value) => {
+      try {
+        const result = await value;
+        defer.state = "fulfilled";
+        return resolve(result);
+      } catch (err) {
+        defer.state = "rejected";
+        reject(err);
+      }
+    };
+    defer.reject = (reason) => {
+      defer.state = "rejected";
+      return reject(reason);
+    };
+  });
+  return Object.assign(promise, defer);
+}
+const pausableSleep = (milliSeconds) => {
+  const sleepDefered = defered();
+  let id = setTimeout(sleepDefered.resolve, milliSeconds);
+  let isPaused = false;
+  const pause = () => {
+    if (isPaused || sleepDefered.state === "fulfilled")
+      return;
+    console.log("pause");
+    isPaused = true;
+    clearTimeout(id);
+  };
+  const restart = () => {
+    if (sleepDefered.state === "fulfilled")
+      return;
+    console.log("restart");
+    isPaused = false;
+    clearTimeout(id);
+    id = setTimeout(sleepDefered.resolve, milliSeconds);
+  };
+  return { sleepPromise: sleepDefered, pause, restart };
+};
+const MAX_ANIMATION_DISTANCE_VW = 100;
+const MIN_ANIMATION_DURATION = 400;
+const ANIMATION_DURATION_FOR_100VW = 800;
+const ANIMATION_DURATION_PER_ZOOM = 400;
+const BEIJIN_POINT = [116.2317, 39.5427];
+const ZINDEX_BUBBLE_LAYER = 50;
+const ZINDEX_START_END_LOGO_LAYER = 40;
+const ZINDEX_PLACE_LAYER = 30;
+const ZINDEX_CAR_LAYER = 21;
+const ZINDEX_PASSENGER_LAYER = 20;
+const ZINDEX_LINE_LAYER = 12;
+const ZINDEX_GREEN_ZONE = 10;
 const vec2lnglat = ([lng, lat]) => ({
   lng: Number(lng),
   lat: Number(lat)
@@ -1182,6 +1244,9 @@ const isGeoPositionEqual = (p1, p2) => {
     return false;
   return p1.coords.longitude === p2.coords.longitude && p1.coords.latitude === p2.coords.latitude;
 };
+const isZoneEqual = (z1, z2) => {
+  return z1.path.every((point, idx) => isPointEqual(point, z2 == null ? void 0 : z2.path[idx]));
+};
 const amapPlaceName2DisplayName = (name2, options) => {
   const { isChina, province, city, district, township } = options;
   if (!name2)
@@ -1196,6 +1261,12 @@ const amapPlaceName2DisplayName = (name2, options) => {
   }
   return result;
 };
+const distanceVw2animationDuration = (distance) => {
+  return Math.max(MIN_ANIMATION_DURATION, ANIMATION_DURATION_FOR_100VW * distance / 100);
+};
+const deltaZoom2animationDuration = (deltaZoom) => {
+  return Math.max(MIN_ANIMATION_DURATION * 4, Math.abs(deltaZoom) * ANIMATION_DURATION_PER_ZOOM);
+};
 const toPlaceType = (maybePlace) => {
   var _a;
   const lng = Number(maybePlace.lng);
@@ -2201,15 +2272,6 @@ function detectWebGL() {
   }
   return "NOT_SUPPORTED";
 }
-const MAX_ANIMATION_DISTANCE_VW = 100;
-const BEIJIN_POINT = [116.2317, 39.5427];
-const ZINDEX_BUBBLE_LAYER = 50;
-const ZINDEX_START_END_LOGO_LAYER = 40;
-const ZINDEX_PLACE_LAYER = 30;
-const ZINDEX_CAR_LAYER = 21;
-const ZINDEX_PASSENGER_LAYER = 20;
-const ZINDEX_LINE_LAYER = 12;
-const ZINDEX_GREEN_ZONE = 10;
 const useAmapLngLatToVw = (props) => {
   const apiMapLngLatToVw = (point) => {
     const amap2 = props.mapRef.value;
@@ -2345,8 +2407,13 @@ const Amap = defineSetup(function Amap2(props, { slots, emit }) {
       const map = mapRef.value;
       if (!center || !map)
         return;
-      const immediately = prevCenter ? apiMapDistanceVwOfPoints(center, prevCenter) > MAX_ANIMATION_DISTANCE_VW : true;
-      map.setCenter(center, immediately);
+      if (!prevCenter)
+        return map.setCenter(center, true);
+      const distanceVw = apiMapDistanceVwOfPoints(center, prevCenter);
+      if (distanceVw > MAX_ANIMATION_DISTANCE_VW)
+        return map.setCenter(center, true);
+      const duration = distanceVw2animationDuration(distanceVw);
+      map.setCenter(center, false, duration);
     }
   );
   watch(
@@ -3145,6 +3212,36 @@ const useMapFitView = (props) => {
   const { supplier } = useMapSupplier();
   return supplier === "gmap" ? useGmapFitView(props) : useAmapFitView(props);
 };
+const useAmapTouchEvent = () => {
+  const mapRef = useAmap();
+  const addMapEventListener = (name2, handler) => {
+    var _a;
+    return (_a = mapRef == null ? void 0 : mapRef.value) == null ? void 0 : _a.on(name2, handler);
+  };
+  const removeMapEventListener = (name2, handler) => {
+    var _a;
+    return (_a = mapRef == null ? void 0 : mapRef.value) == null ? void 0 : _a.off(name2, handler);
+  };
+  return { addMapEventListener, removeMapEventListener };
+};
+const useGmapTouchEvent = () => {
+  const mapRef = useGmap();
+  const addMapEventListener = (name2, handler) => {
+    var _a;
+    const container = (_a = mapRef == null ? void 0 : mapRef.value) == null ? void 0 : _a.getDiv();
+    return container == null ? void 0 : container.addEventListener(name2, handler);
+  };
+  const removeMapEventListener = (name2, handler) => {
+    var _a;
+    const container = (_a = mapRef == null ? void 0 : mapRef.value) == null ? void 0 : _a.getDiv();
+    return container == null ? void 0 : container.removeEventListener(name2, handler);
+  };
+  return { addMapEventListener, removeMapEventListener };
+};
+const useMapTouchEvent = () => {
+  const { supplier } = useMapSupplier();
+  return supplier === "gmap" ? useGmapTouchEvent() : useAmapTouchEvent();
+};
 defineSetup(function FitView(props, {
   slots
 }) {
@@ -3197,7 +3294,7 @@ function createFittableRegisterOverlay(registerOverlay) {
     setFitView
   };
 }
-const KeyedFitView = defineSetup(function KeyedFitView2(props, {
+defineSetup(function KeyedFitView(props, {
   slots
 }) {
   const mapMountedPromise = useMapMountedPromise();
@@ -3218,7 +3315,51 @@ const KeyedFitView = defineSetup(function KeyedFitView2(props, {
     return h("div", [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
   };
 });
+const InterruptableIntervalFitView = defineSetup(function InterruptableIntervalFitView2(props) {
+  const {
+    registerOverlay
+  } = props;
+  const mapMountedPromise = useMapMountedPromise();
+  const {
+    addMapEventListener,
+    removeMapEventListener
+  } = useMapTouchEvent();
+  watch(() => 0, async (_1, _2, onCleanup) => {
+    await mapMountedPromise;
+    let skip = false;
+    let pause;
+    let restart;
+    let sleepPromise;
+    const handleTouchStartOrMove = () => pause();
+    const handleTouchEnd = () => restart();
+    addMapEventListener("touchstart", handleTouchStartOrMove);
+    addMapEventListener("touchmove", handleTouchStartOrMove);
+    addMapEventListener("touchend", handleTouchEnd);
+    onCleanup(() => {
+      skip = true;
+      removeEventListener("touchstart", handleTouchStartOrMove);
+      removeMapEventListener("touchmove", handleTouchStartOrMove);
+      removeMapEventListener("touchend", handleTouchEnd);
+    });
+    while (!skip) {
+      ({
+        pause,
+        restart,
+        sleepPromise
+      } = pausableSleep(props.interval));
+      await sleepPromise;
+      console.log("InterruptableIntervalFitView setFitView");
+      registerOverlay.setFitView();
+    }
+  }, {
+    immediate: true,
+    flush: "post"
+  });
+  return () => null;
+});
+const imgEndPointEn = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI3Mi4zMzklIiB5MT0iNTAlIiB4Mj0iMCUiIHkyPSI1MCUiIGlkPSJwcmVmaXhfX2EiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjg0NDciIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkY4QjRBIiBvZmZzZXQ9IjUwLjU5NiUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZBOTVBIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xMiAzMGMyLjEzNCAwIDMuODYzLS44OTMgMy44NjMtMS45OTUgMC0xLjEtMS43My0xLjk5NC0zLjg2My0xLjk5NC0yLjEzNCAwLTMuODYzLjg5My0zLjg2MyAxLjk5NEM4LjEzNyAyOS4xMDcgOS44NjcgMzAgMTIgMzB6IiBmaWxsLW9wYWNpdHk9Ii41IiBmaWxsPSIjNDM0ODVBIi8+PHBhdGggZD0iTTExIDI3LjAwNmMyLjEyOCAwLS45LTMuNzQzIDUuNjIxLTYuNjQzQzE5Ljg0MiAxOC40NTMgMjIgMTQuOTUzIDIyIDEwLjk1IDIyIDQuOTAyIDE3LjA3NSAwIDExIDBTMCA0LjkwMiAwIDEwLjk1YzAgMy45MTggMi4wNjggNy4zNTYgNS4xNzcgOS4yOUMxMS43NSAyMy4yODQgOS4wNiAyNy4wMDcgMTEgMjcuMDA3di0uMDAxeiIgc3Ryb2tlPSIjRkZGIiBmaWxsPSJ1cmwoI3ByZWZpeF9fYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiLz48ZyBmaWxsPSIjRkZGIj48cGF0aCBkPSJNOC44OTMgMTIuNjY2SDYuNjYzdjEuMzY1aDIuNTc0di45NTJoLTMuNjZ2LTUuNDloMy41Nzh2Ljk0Nkg2LjY2M3YxLjI5aDIuMjI5ek0xMi4yNzUgMTEuMDAxYy40MyAwIC43Ny4xNDEgMS4wMi40MjQuMjUuMjgyLjM3NS42OTMuMzc1IDEuMjMzdjIuMzI1aC0xLjA0M3YtMS45ODdjMC0uNzEtLjIzNS0xLjA2NS0uNzA1LTEuMDY1YS43MzIuNzMyIDAgMDAtLjYwMy4yODljLS4xNTMuMTkyLS4yMjkuNDYzLS4yMjkuODEzdjEuOTVoLTEuMDQzdi0zLjg4NWguOTE1Yy4wMjUuMzA1LjA0OC41MTMuMDY4LjYyMy4yNS0uNDguNjY1LS43MiAxLjI0NS0uNzJ6TTE3LjI3NyA5LjI3NmgxLjA0M3Y1LjcwN2gtLjkxNWMtLjAyNS0uMjktLjA0NS0uNDg1LS4wNi0uNTg1YTEuMzE3IDEuMzE3IDAgMDEtLjUyOS41MDcgMS41MiAxLjUyIDAgMDEtLjcwOS4xNjhjLS4zMiAwLS42MTItLjA4LS44NzctLjI0YTEuNzI0IDEuNzI0IDAgMDEtLjYzOC0uN2MtLjE2LS4zMDgtLjI0LS42NzItLjI0LTEuMDkyIDAtLjQyNS4wOC0uNzkxLjI0LTEuMDk5LjE2LS4zMDcuMzczLS41NDEuNjM4LS43MDEuMjY1LS4xNi41NTctLjI0Ljg3Ny0uMjQuMjM1IDAgLjQ1NC4wNDcuNjU3LjE0Mi4yMDIuMDk1LjM3My4yNC41MTMuNDM1VjkuMjc2em0tLjkzIDQuOTA1Yy4yNiAwIC40OC0uMDk1LjY2LS4yODUuMTgtLjE5LjI3LS40NzUuMjctLjg1NSAwLS4zNzUtLjA5LS42NTQtLjI3LS44MzZhLjg5Mi44OTIgMCAwMC0uNjYtLjI3NC44MzIuODMyIDAgMDAtLjY2My4yOTJjLS4xNjguMTk1LS4yNTEuNDY4LS4yNTEuODE4IDAgLjM1LjA4My42MjcuMjUuODMyYS44MTUuODE1IDAgMDAuNjY1LjMwOHoiLz48L2c+PC9nPjwvc3ZnPg==";
 const imgEndPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI3Mi4zMzklIiB5MT0iNTAlIiB4Mj0iMCUiIHkyPSI1MCUiIGlkPSJwcmVmaXhfX2EiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjg0NDciIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkY4QjRBIiBvZmZzZXQ9IjUwLjU5NiUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZBOTVBIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAzMC4yMTVjMi4xMzQgMCAzLjg2My0uODkzIDMuODYzLTEuOTk1IDAtMS4xLTEuNzMtMS45OTQtMy44NjMtMS45OTQtMi4xMzQgMC0zLjg2My44OTMtMy44NjMgMS45OTQgMCAxLjEwMiAxLjczIDEuOTk1IDMuODYzIDEuOTk1eiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iIzQzNDg1QSIvPjxwYXRoIGQ9Ik0xMSAyNy4wMDZjMi4xMjggMC0uOS0zLjc0MyA1LjYyMS02LjY0M0MxOS44NDIgMTguNDUzIDIyIDE0Ljk1MyAyMiAxMC45NSAyMiA0LjkwMiAxNy4wNzUgMCAxMSAwUzAgNC45MDIgMCAxMC45NWMwIDMuOTE4IDIuMDY4IDcuMzU2IDUuMTc3IDkuMjlDMTEuNzUgMjMuMjg0IDkuMDYgMjcuMDA3IDExIDI3LjAwN3oiIHN0cm9rZT0iI0ZGRiIgZmlsbD0idXJsKCNwcmVmaXhfX2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuMjE1KSIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLVNlbWlib2xkLCBQaW5nRmFuZyBTQyIgZm9udC1zaXplPSIxMiIgZm9udC13ZWlnaHQ9IjUwMCIgZmlsbD0iI0ZGRiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjIxNSkiPjx0c3BhbiB4PSI1IiB5PSIxNS40NDkiPue7iDwvdHNwYW4+PC90ZXh0PjwvZz48L3N2Zz4=";
+const imgStartPointEn = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeDI9IjEyOS41OTklIiB5Mj0iNTAlIiBpZD0icHJlZml4X19hIj48c3RvcCBzdG9wLWNvbG9yPSIjMzZBOEZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQ4NzFGMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTIgMzBjMS45NSAwIDMuNTMyLS44MTYgMy41MzItMS44MjMgMC0xLjAwNy0xLjU4MS0xLjgyMy0zLjUzMi0xLjgyMy0xLjk1IDAtMy41MzIuODE2LTMuNTMyIDEuODIzQzguNDY4IDI5LjE4NCAxMC4wNDkgMzAgMTIgMzB6IiBmaWxsLW9wYWNpdHk9Ii41IiBmaWxsPSIjNDM0ODVBIi8+PHBhdGggZD0iTTExIDI3YzIuMTI4IDAtLjktMy43NDIgNS42MjEtNi42NDEgMy4yMjEtMS45MSA1LjM3OS01LjQxIDUuMzc5LTkuNDEyQzIyIDQuOTAxIDE3LjA3NSAwIDExIDBTMCA0LjkwMSAwIDEwLjk0N2MwIDMuOTE4IDIuMDY4IDcuMzU1IDUuMTc3IDkuMjlDMTEuNzUgMjMuMjc3IDkuMDYgMjcgMTEgMjd6IiBzdHJva2U9IiNGRkYiIGZpbGw9InVybCgjcHJlZml4X19hKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIvPjxnIGZpbGw9IiNGRkYiPjxwYXRoIGQ9Ik03LjU1IDEzLjM5M2MwIC4zNzUtLjA5Ni42OS0uMjg5Ljk0MmExLjcgMS43IDAgMDEtLjc1LjU1OGMtLjMwNy4xMi0uNjM2LjE4LS45ODYuMTgtLjUxIDAtLjk3LS4xMTgtMS4zOC0uMzU2YTEuNzI2IDEuNzI2IDAgMDEtLjgxNy0xLjAwOWwuODg1LS41MDJjLjEyLjI4LjI5NS40OTcuNTI1LjY1Mi4yMy4xNTUuNTA1LjIzMy44MjUuMjMzLjI2IDAgLjQ2Ni0uMDUzLjYxOC0uMTU4YS41Mi41MiAwIDAwLjIyOS0uNDU3LjU0Ni41NDYgMCAwMC0uMTU0LS4zOTggMS4wNzcgMS4wNzcgMCAwMC0uMzgyLS4yNDcgOC41MTUgOC41MTUgMCAwMC0uNjI3LS4yMSA2LjgwNyA2LjgwNyAwIDAxLS44Ny0uMzExIDEuNTMyIDEuNTMyIDAgMDEtLjU3Ny0uNDYyYy0uMTYtLjIwNS0uMjQtLjQ3NS0uMjQtLjgxIDAtLjM1NS4wOTQtLjY1Ni4yODEtLjkwMy4xODgtLjI0OC40MzUtLjQzMy43NDMtLjU1NWEyLjY2IDIuNjYgMCAwMS45OTMtLjE4NGMuNDg1IDAgLjkuMTEgMS4yNDUuMzMuMzQ1LjIyLjU2OC41MTcuNjY4Ljg5MmwtLjg4NS41MDNhMS4xOTUgMS4xOTUgMCAwMC0uNDA1LS41NTEgMS4xMDggMS4xMDggMCAwMC0uNjc1LS4xOTljLS4yNDUgMC0uNDQ0LjA1Ni0uNTk2LjE2OWEuNTI4LjUyOCAwIDAwLS4yMjkuNDQ2YzAgLjE0LjA0Ny4yNTYuMTQyLjM0OS4wOTUuMDkyLjIxNy4xNjcuMzY0LjIyNS4xNDguMDU3LjM0Ni4xMjMuNTk2LjE5OC4zNi4xMDUuNjU4LjIxMi44OTMuMzIuMjM1LjEwNy40MzYuMjY3LjYwNC40OC4xNjcuMjEyLjI1MS40OS4yNTEuODM1ek0xMC42OTUgMTQuNzU4Yy0uMjU1LjIxLS42MS4zMTUtMS4wNjUuMzE1LS40MiAwLS43NTktLjExLTEuMDE2LS4zMzMtLjI1OC0uMjIzLS4zODctLjYyMi0uMzg3LTEuMTk3di0xLjU2N2gtLjY5di0uODc4aC42OVY5LjkwNkg5LjI3djEuMTkyaDEuMTd2Ljg3OEg5LjI3djEuMzk1YzAgLjI2LjA0NS40NTcuMTM1LjU5Mi4wOS4xMzUuMjM1LjIwMy40MzUuMjAzLjE3NSAwIC4zNC0uMDUzLjQ5NS0uMTU4bC4zNi43NXpNMTIuNjEgMTEuMDAxYy41MjUgMCAuOTM1LjE0OSAxLjIzLjQ0Ni4yOTUuMjk4LjQ0My43MjEuNDQzIDEuMjcxdjIuMjY1aC0uODc4YTUuMjI5IDUuMjI5IDAgMDEtLjAxOS0uMTk4IDEuOTEzIDEuOTEzIDAgMDAtLjAzMy0uMjQ0Yy0uMTE1LjE4LS4yNjQuMzE0LS40NDcuNDAxYTEuNTI1IDEuNTI1IDAgMDEtLjY2NC4xMzFjLS4yNyAwLS41MTYtLjA0Ny0uNzM4LS4xNDJhMS4yMjEgMS4yMjEgMCAwMS0uNTI5LS40MTYgMS4wODkgMS4wODkgMCAwMS0uMTk1LS42NDljMC0uMjYuMDc0LS40ODYuMjIxLS42NzlhMS40MyAxLjQzIDAgMDEuNTk3LS40NDYgMi4xMSAyLjExIDAgMDEuODI1LS4xNThjLjI3IDAgLjU0Ny4wNDUuODMyLjEzNS0uMDE1LS41NzUtLjI2LS44NjItLjczNS0uODYyLS4zOCAwLS42NTcuMTctLjgzMi41MWwtLjc0My0uNDI4Yy4xNC0uMjkuMzU1LS41MTguNjQ1LS42ODYuMjktLjE2Ny42My0uMjUxIDEuMDItLjI1MXptLjY0NSAyLjQwN2EyLjg1IDIuODUgMCAwMC0uNjUyLS4wOWMtLjI0NSAwLS40MzUuMDQ0LS41Ny4xMzJhLjQxOC40MTggMCAwMC0uMjAzLjM3MWMwIC4xNDUuMDU0LjI1Ny4xNjEuMzM3YS42OC42OCAwIDAwLjQxNy4xMi45Ni45NiAwIDAwLjU5Mi0uMTkuNjI0LjYyNCAwIDAwLjI1NS0uNTN2LS4xNXpNMTcuMDYgMTEuMDAxYy4xNSAwIC4yOS4wMjIuNDIuMDY3LjEzLjA0NS4yMy4xMDMuMy4xNzNsLS40MDUuODAyYS43NTkuNzU5IDAgMDAtLjQ0My0uMTM1Ljc2Mi43NjIgMCAwMC0uNjQ4LjMzOGMtLjE2My4yMjUtLjI0NC41MzUtLjI0NC45M3YxLjgwN2gtMS4wNDN2LTMuODg1aC45MTVjLjAyNS4zLjA0OC41MDUuMDY4LjYxNWExLjI5IDEuMjkgMCAwMS40NS0uNTMyYy4xODUtLjEyLjM5NS0uMTguNjMtLjE4ek0yMC45NDggMTQuNzU4Yy0uMjU2LjIxLS42MS4zMTUtMS4wNjYuMzE1LS40MiAwLS43NTgtLjExLTEuMDE2LS4zMzMtLjI1Ny0uMjIzLS4zODYtLjYyMi0uMzg2LTEuMTk3di0xLjU2N2gtLjY5di0uODc4aC42OVY5LjkwNmgxLjA0MnYxLjE5MmgxLjE3di44NzhoLTEuMTd2MS4zOTVjMCAuMjYuMDQ1LjQ1Ny4xMzUuNTkyLjA5LjEzNS4yMzUuMjAzLjQzNS4yMDMuMTc1IDAgLjM0LS4wNTMuNDk1LS4xNThsLjM2Ljc1eiIvPjwvZz48L2c+PC9zdmc+";
 const imgStartPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeDI9IjEyOS41OTklIiB5Mj0iNTAlIiBpZD0icHJlZml4X19hIj48c3RvcCBzdG9wLWNvbG9yPSIjMzZBOEZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQ4NzFGMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTIgMzAuMjE1YzEuOTUgMCAzLjUzMi0uODE2IDMuNTMyLTEuODIzIDAtMS4wMDctMS41ODEtMS44MjMtMy41MzItMS44MjMtMS45NSAwLTMuNTMyLjgxNi0zLjUzMiAxLjgyMyAwIDEuMDA3IDEuNTgxIDEuODIzIDMuNTMyIDEuODIzeiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iIzQzNDg1QSIvPjxwYXRoIGQ9Ik0xMSAyN2MyLjEyOCAwLS45LTMuNzQyIDUuNjIxLTYuNjQxIDMuMjIxLTEuOTEgNS4zNzktNS40MSA1LjM3OS05LjQxMkMyMiA0LjkwMSAxNy4wNzUgMCAxMSAwUzAgNC45MDEgMCAxMC45NDdjMCAzLjkxOCAyLjA2OCA3LjM1NSA1LjE3NyA5LjI5QzExLjc1IDIzLjI3NyA5LjA2IDI3IDExIDI3eiIgc3Ryb2tlPSIjRkZGIiBmaWxsPSJ1cmwoI3ByZWZpeF9fYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMS4yMTUpIi8+PHRleHQgZm9udC1mYW1pbHk9IlBpbmdGYW5nU0MtU2VtaWJvbGQsIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNTAwIiBmaWxsPSIjRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuMjE1KSI+PHRzcGFuIHg9IjUiIHk9IjE1LjYyNCI+6LW3PC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==";
 const StartEndPoint_css_ts_vanilla = "";
 var arrowRight = createRuntimeFn({ defaultClassName: "_4a4ovka", variantClassNames: { withArrow: { true: "_4a4ovkb", false: "_4a4ovkc" } }, defaultVariants: {}, compoundVariants: [] });
@@ -3238,9 +3379,10 @@ const AStartEndPoint = defineSetup(function AStartEndPoint2(props, {
       withArrow = false,
       title,
       description,
-      type: type2
+      type: type2,
+      language
     } = props;
-    const icon = type2 === "start" ? imgStartPoint : imgEndPoint;
+    const icon = type2 === "start" ? language === "zh" ? imgStartPoint : imgStartPointEn : language === "zh" ? imgEndPoint : imgEndPointEn;
     const descriptionRow = !description ? "" : decodeAsterisk(description).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize$1}">${item.value}</span>`).join("");
     if (!description && !title)
       return `<img class="AStartEndPoint ${pointIcon({
@@ -3305,9 +3447,10 @@ const GStartEndPoint = defineSetup(function GStartEndPoint2(props, {
       withArrow = false,
       title,
       description,
-      type: type2
+      type: type2,
+      language = "zh"
     } = props;
-    const icon = type2 === "start" ? imgStartPoint : imgEndPoint;
+    const icon = type2 === "start" ? language === "zh" ? imgStartPoint : imgStartPointEn : language === "zh" ? imgEndPoint : imgEndPointEn;
     const descriptionRow = !description ? "" : decodeAsterisk(description).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize$1}">${item.value}</span>`).join("");
     if (!description && !title)
       return createDom("img", {
@@ -3389,6 +3532,9 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props,
     mapRef,
     renderDescription
   } = props;
+  const {
+    language
+  } = useMapSupplier();
   const fittableRegistryOverlay = createFittableRegisterOverlay(registerOverlay);
   const deferedSetFitView = pipeDefer(registerOverlay.setFitView);
   return () => {
@@ -3417,7 +3563,8 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props,
         "position": from,
         "title": fromPlace.displayName,
         "description": fromDescription,
-        "withArrow": true
+        "withArrow": true,
+        "language": language
       },
       "on": {
         "click": () => emit("clickStartPoint", fromPlace)
@@ -3444,7 +3591,8 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props,
               distance,
               duration
             }),
-            "withArrow": true
+            "withArrow": true,
+            "language": language
           },
           "on": {
             "click": () => emit("clickEndPoint", toPlace)
@@ -3873,8 +4021,6 @@ const useGeoLocation = (props) => {
     geoReady: readyRef
   };
 };
-const MAX_AMAP_PAN_TO_ANIMATE_DURATION = 500;
-const MIN_AMAP_PAN_TO_ANIMATE_DURATION = 100;
 const useHeycarAmap = () => {
   const amapRef = shallowRef();
   const amapElementRef = shallowRef();
@@ -3891,10 +4037,7 @@ const useHeycarAmap = () => {
     const distanceVw = apiMapDistanceVwOfPoints(value, [lng, lat]);
     const shouldAnimate = distanceVw < MAX_ANIMATION_DISTANCE_VW;
     if (shouldAnimate) {
-      const duration = Math.max(
-        MIN_AMAP_PAN_TO_ANIMATE_DURATION,
-        Math.floor(MAX_AMAP_PAN_TO_ANIMATE_DURATION * distanceVw / MAX_ANIMATION_DISTANCE_VW)
-      );
+      const duration = distanceVw2animationDuration(distanceVw);
       amap2.panTo(value, duration);
       await sleep(duration);
     } else {
@@ -4020,6 +4163,49 @@ const useMapDrag = (props) => {
   const { supplier } = useMapSupplier();
   return supplier === "gmap" ? useGmapDrag(props) : useAmapDrag(props);
 };
+const useAmapGeometry = () => {
+  const payload = useMapSupplier();
+  const apiMapDistance = (from, to) => {
+    if (payload.status !== Status.SUCCESS)
+      return void 0;
+    return AMap.GeometryUtil.distance(from, to);
+  };
+  const apiMapDistanceToLine = (from, line) => {
+    if (payload.status !== Status.SUCCESS)
+      return void 0;
+    return AMap.GeometryUtil.distanceToLine(from, line);
+  };
+  const apiMapIsPointInRing = (point, path) => {
+    if (payload.status !== Status.SUCCESS)
+      return void 0;
+    return AMap.GeometryUtil.isPointInRing(point, path);
+  };
+  return { apiMapDistance, apiMapDistanceToLine, apiMapIsPointInRing };
+};
+const useGmapGeometry = () => {
+  const payload = useMapSupplier();
+  const apiMapDistance = (from, to) => {
+    if (payload.status !== Status.SUCCESS)
+      return void 0;
+    return google.maps.geometry.spherical.computeDistanceBetween(vec2lnglat(from), vec2lnglat(to));
+  };
+  const apiMapDistanceToLine = (from, line) => {
+    if (payload.status !== Status.SUCCESS)
+      return void 0;
+    return 0;
+  };
+  const apiMapIsPointInRing = (point, path) => {
+    if (payload.status !== Status.SUCCESS)
+      return void 0;
+    const polygon = new google.maps.Polygon({ paths: path.map(vec2lnglat) });
+    return google.maps.geometry.poly.containsLocation(vec2lnglat(point), polygon);
+  };
+  return { apiMapDistance, apiMapDistanceToLine, apiMapIsPointInRing };
+};
+const useMapGeometry = () => {
+  const { supplier } = useMapSupplier();
+  return supplier === "gmap" ? useGmapGeometry() : useAmapGeometry();
+};
 const chinaBounds = [
   [
     108.03446,
@@ -5539,12 +5725,9 @@ const useAmapPlace = (props) => {
     place.name = value.name;
     place.displayName = value.displayName;
   };
-  watch(
-    () => [placeKey.value],
-    async () => {
-      await readyPromise;
+  const getPlaceByRegeo = ([lng, lat]) => {
+    return new Promise((resolve, reject) => {
       const geocoder = new AMap.Geocoder({ lang: language === "en" ? "en" : "zh_cn" });
-      const [lng, lat] = pointRef.value;
       const isChina = inChina([lng, lat]);
       geocoder.getAddress(new AMap.LngLat(lng, lat), (status, result) => {
         switch (status) {
@@ -5552,30 +5735,30 @@ const useAmapPlace = (props) => {
             const { formattedAddress, addressComponent } = result.regeocode;
             const name2 = formattedAddress ? formattedAddress : emptyPlaceName;
             const displayName = amapPlaceName2DisplayName(name2, { isChina, ...addressComponent });
-            place.name = name2;
-            place.displayName = displayName;
-            place.lng = lng;
-            place.lat = lat;
-            onChange == null ? void 0 : onChange({ lng, lat, name: name2, displayName });
+            resolve({ lng, lat, name: name2, displayName });
             return;
           }
           case "no_data": {
             const name2 = emptyPlaceName;
             const displayName = emptyPlaceName;
-            place.name = name2;
-            place.displayName = displayName;
-            place.lng = lng;
-            place.lat = lat;
-            onChange == null ? void 0 : onChange({ lng, lat, name: name2, displayName });
+            resolve({ lng, lat, name: name2, displayName });
             return;
           }
           case "error":
-            throw result;
+            reject(result);
         }
       });
+    });
+  };
+  watch(
+    () => [placeKey.value],
+    async () => {
+      await readyPromise;
+      const resultPlace = await getPlaceByRegeo(pointRef.value);
+      onChange == null ? void 0 : onChange(resultPlace);
     }
   );
-  return { place, updatePlace, setPlace };
+  return { place, updatePlace, setPlace, getPlaceByRegeo };
 };
 const useGmapPlace = (props) => {
   const { onChange, emptyPlaceName } = props;
@@ -5599,214 +5782,182 @@ const useGmapPlace = (props) => {
     place.name = value.name;
     place.displayName = value.displayName;
   };
+  const getPlaceByRegeo = ([lng, lat]) => {
+    return new Promise((resolve, reject) => {
+      const geocoder = new google.maps.Geocoder();
+      geocoder.geocode({ language, location: { lng, lat } }).then(({ results }) => {
+        const name2 = results[0].formatted_address ? results[0].formatted_address : emptyPlaceName;
+        const displayName = name2;
+        resolve({ lng, lat, name: name2, displayName });
+      }).catch(reject);
+    });
+  };
   watch(
     () => placeKey.value,
     async () => {
       await readyPromise;
-      const geocoder = new google.maps.Geocoder();
-      const [lng, lat] = pointRef.value;
-      const { results } = await geocoder.geocode({ language, location: { lng, lat } });
-      const name2 = results[0].formatted_address ? results[0].formatted_address : emptyPlaceName;
-      const displayName = name2;
-      place.lng = lng;
-      place.lat = lat;
-      place.name = name2;
-      place.displayName = displayName;
-      onChange == null ? void 0 : onChange({ lng, lat, name: name2, displayName });
+      const resultPlace = await getPlaceByRegeo(pointRef.value);
+      onChange == null ? void 0 : onChange(resultPlace);
     }
   );
-  return { place, updatePlace, setPlace };
+  return { place, updatePlace, setPlace, getPlaceByRegeo };
 };
 const useMapPlace = (props) => {
   const { supplier } = useMapSupplier();
   return supplier === "gmap" ? useGmapPlace(props) : useAmapPlace(props);
 };
-const findAmapNearestPlace = (place, candidates) => {
-  let shortestDistance = Infinity;
-  let shortestPlace = place;
-  for (const candidate of candidates) {
-    const distance = AMap.GeometryUtil.distance(place2point(place), place2point(candidate));
-    if (distance >= shortestDistance)
-      continue;
-    shortestPlace = candidate;
-    shortestDistance = distance;
-  }
-  return { shortestPlace, shortestDistance };
-};
-const findGmapNearestPlace = (place, candidates) => {
+function findNearestPlace(place, candidates, distanceFn) {
+  var _a;
   let shortestDistance = Infinity;
   let shortestPlace = place;
   for (const candidate of candidates) {
-    const distance = google.maps.geometry.spherical.computeDistanceBetween(place, candidate);
+    const distance = (_a = distanceFn(place2point(place), place2point(candidate))) != null ? _a : Infinity;
     if (distance >= shortestDistance)
       continue;
     shortestPlace = candidate;
     shortestDistance = distance;
   }
   return { shortestPlace, shortestDistance };
-};
-const useAmapRecomendPlace = (props) => {
-  const { pointRef, getRecomendPlace, getLimit, context: context2, emptyPlaceName, onChange, onChangePlace } = props;
+}
+const useMapRecomendPlace = (props) => {
+  const {
+    defaultPoint,
+    getRecomendPlace,
+    getLimit,
+    context: context2,
+    emptyPlaceName,
+    onChange,
+    onChangePlace
+  } = props;
   const availableRef = ref(true);
   const placeCandidatesRef = ref([]);
   const zoneRef = ref();
-  const { idx: recomendPlaceKey, update: updateRecommendPlaceKey } = useUpdate();
-  const { readyPromise } = useMapSupplier();
-  const { place, updatePlace, setPlace } = useAmapPlace({
+  const { apiMapIsPointInRing, apiMapDistance } = useMapGeometry();
+  const { getPlaceByRegeo } = useAmapPlace({
     emptyPlaceName,
-    pointRef,
-    onChange: onChangePlace
+    pointRef: ref([...defaultPoint])
+  });
+  const recomendPlace = reactive({
+    lng: defaultPoint[0],
+    lat: defaultPoint[1],
+    name: "",
+    displayName: ""
   });
-  const recomendPlace = reactive({ ...place });
   const isElectedRef = computed(() => {
-    const point = pointRef.value;
+    const recomendPoint = place2point(recomendPlace);
     return placeCandidatesRef.value.some(
-      (candidate) => isPointEqual(place2point(candidate), point)
+      (candidate) => isPointEqual(place2point(candidate), recomendPoint)
     );
   });
-  const updatePlaceCandidates = async (place2) => {
+  const findAttachedPlace = async (place) => {
     var _a;
     const {
       places: inputPlaceCandidates,
       zone,
-      available
-    } = (_a = await getRecomendPlace({ ...place2 }, context2)) != null ? _a : {};
+      available = false
+    } = (_a = await getRecomendPlace({ ...place }, context2)) != null ? _a : {};
     const placeCandidates = inputPlaceCandidates == null ? void 0 : inputPlaceCandidates.map(toPlaceType);
-    availableRef.value = !!available;
-    zoneRef.value = zone;
-    placeCandidatesRef.value = placeCandidates != null ? placeCandidates : [];
+    if (!available || !placeCandidates) {
+      return { place: { ...place }, zone, candidates: [], available };
+    }
+    const { shortestPlace, shortestDistance } = findNearestPlace(
+      place,
+      placeCandidates,
+      apiMapDistance
+    );
+    const limit = getLimit(context2);
+    const resultPlace = zone || shortestDistance <= limit ? shortestPlace : place;
+    return { place: { ...resultPlace }, zone, candidates: placeCandidates, available };
+  };
+  const getRecommendPlaceZoneState = async (point, prevState) => {
+    const zone = zoneRef.value;
+    if (!zone || !apiMapIsPointInRing(point, zone.path)) {
+      const reGeoPlace = await getPlaceByRegeo(point);
+      const {
+        place: resultPlace2,
+        candidates,
+        available,
+        zone: zone2
+      } = await findAttachedPlace(reGeoPlace);
+      return { place: { ...resultPlace2 }, zone: zone2, available, candidates };
+    }
+    const [lng, lat] = point;
+    const { shortestPlace: resultPlace } = findNearestPlace(
+      { lng, lat, name: "", displayName: "" },
+      placeCandidatesRef.value,
+      apiMapDistance
+    );
     return {
-      inputPlace: { ...place2 },
-      isInZone: !!zone,
-      place: place2
+      place: { ...resultPlace },
+      zone,
+      available: prevState.available,
+      candidates: prevState.candidates
     };
   };
-  const updateRecommendPlace = (place2) => {
-    setPlace(place2);
-    updateRecommendPlaceKey();
-  };
-  const setPlaceCandidatesAndZone = ({
-    zone,
-    places: inputPlaceCandidates
-  }) => {
-    const placeCandidates = inputPlaceCandidates == null ? void 0 : inputPlaceCandidates.map(toPlaceType);
-    zoneRef.value = zone ? zone : void 0;
-    placeCandidatesRef.value = placeCandidates != null ? placeCandidates : [];
-  };
-  watch(
-    () => recomendPlaceKey.value,
-    async () => {
-      var _a;
-      await readyPromise;
-      const {
-        places: inputPlaceCandidates,
-        zone,
-        available
-      } = (_a = await getRecomendPlace({ ...place }, context2)) != null ? _a : {};
-      const placeCandidates = inputPlaceCandidates == null ? void 0 : inputPlaceCandidates.map(toPlaceType);
-      if (!available || !placeCandidates) {
-        availableRef.value = !!available;
-        zoneRef.value = zone;
-        placeCandidatesRef.value = [];
-        Object.assign(recomendPlace, { ...place });
-        onChange == null ? void 0 : onChange({ place: { ...place }, inputPlace: { ...place }, isInZone: !!zone });
-        return;
-      }
-      const { shortestPlace, shortestDistance } = findAmapNearestPlace(place, placeCandidates);
-      const limit = getLimit(context2);
-      const resultPlace = zone || shortestDistance <= limit ? shortestPlace : place;
-      availableRef.value = !!available;
-      zoneRef.value = zone;
-      placeCandidatesRef.value = placeCandidates;
-      Object.assign(recomendPlace, { ...resultPlace });
-      onChange == null ? void 0 : onChange({ place: { ...resultPlace }, inputPlace: { ...place }, isInZone: !!zone });
-    }
-  );
-  return {
-    zoneRef,
-    recomendPlace,
-    placeCandidates: placeCandidatesRef,
-    availableRef,
-    isElectedRef,
-    updateRecommendPlace,
-    updatePlaceCandidates,
-    updatePlace,
-    setPlaceCandidatesAndZone
+  const updatePlace = async (point) => {
+    const {
+      place: resultPlace,
+      candidates,
+      zone,
+      available
+    } = await getRecommendPlaceZoneState(point, {
+      place: recomendPlace,
+      available: availableRef.value,
+      candidates: placeCandidatesRef.value,
+      zone: zoneRef.value
+    });
+    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 });
+    const inputPlace = { name: "", displayName: "", lng: point[0], lat: point[1] };
+    onChange == null ? void 0 : onChange({ place: { ...resultPlace }, inputPlace, isInZone: !!zone, isSameZone });
   };
-};
-const useGmapRecomendPlace = (props) => {
-  const { pointRef, getRecomendPlace, getLimit, context: context2, emptyPlaceName, onChange, onChangePlace } = props;
-  const availableRef = ref(true);
-  const placeCandidatesRef = ref([]);
-  const zoneRef = ref();
-  const { idx: recomendPlaceKey, update: updateRecommendPlaceKey } = useUpdate();
-  const { readyPromise } = useMapSupplier();
-  const { place, updatePlace, setPlace } = useGmapPlace({
-    emptyPlaceName,
-    pointRef,
-    onChange: onChangePlace
-  });
-  const recomendPlace = reactive({ ...place });
-  const isElectedRef = computed(() => {
-    const point = pointRef.value;
-    return placeCandidatesRef.value.some(
-      (candidate) => isPointEqual(place2point(candidate), point)
-    );
-  });
-  const updatePlaceCandidates = async (place2) => {
+  const updatePlaceCandidates = async (place) => {
     var _a;
     const {
       places: inputPlaceCandidates,
       zone,
       available
-    } = (_a = await getRecomendPlace({ ...place2 }, context2)) != null ? _a : {};
+    } = (_a = await getRecomendPlace({ ...place }, context2)) != null ? _a : {};
+    const isSameZone = !!zone && isZoneEqual(zone, zoneRef.value);
     const placeCandidates = inputPlaceCandidates == null ? void 0 : inputPlaceCandidates.map(toPlaceType);
     availableRef.value = !!available;
     zoneRef.value = zone;
     placeCandidatesRef.value = placeCandidates != null ? placeCandidates : [];
     return {
-      inputPlace: { ...place2 },
+      inputPlace: { ...place },
       isInZone: !!zone,
-      place: place2
+      place,
+      isSameZone
     };
   };
-  const updateRecommendPlace = (place2) => {
-    setPlace(place2);
-    updateRecommendPlaceKey();
+  const updateRecommendPlace = async (place) => {
+    const { place: resultPlace, candidates, available, zone } = await findAttachedPlace(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 }) => {
-    placeCandidatesRef.value = places != null ? places : [];
+  const setPlaceCandidatesAndZone = ({
+    zone,
+    places: inputPlaceCandidates
+  }) => {
+    const placeCandidates = inputPlaceCandidates == null ? void 0 : inputPlaceCandidates.map(toPlaceType);
+    availableRef.value = true;
     zoneRef.value = zone ? zone : void 0;
+    placeCandidatesRef.value = placeCandidates != null ? placeCandidates : [];
   };
-  watch(
-    () => recomendPlaceKey.value,
-    async () => {
-      var _a;
-      await readyPromise;
-      const {
-        places: inputPlaceCandidates,
-        zone,
-        available
-      } = (_a = await getRecomendPlace({ ...place }, context2)) != null ? _a : {};
-      const placeCandidates = inputPlaceCandidates == null ? void 0 : inputPlaceCandidates.map(toPlaceType);
-      if (!available || !placeCandidates) {
-        availableRef.value = !!available;
-        zoneRef.value = zone;
-        placeCandidatesRef.value = [];
-        Object.assign(recomendPlace, { ...place });
-        onChange == null ? void 0 : onChange({ place: { ...place }, inputPlace: { ...place }, isInZone: !!zone });
-        return;
-      }
-      const { shortestPlace, shortestDistance } = findGmapNearestPlace(place, placeCandidates);
-      const limit = getLimit(context2);
-      const resultPlace = shortestDistance > limit ? place : shortestPlace;
-      availableRef.value = !!available;
-      zoneRef.value = zone;
-      placeCandidatesRef.value = placeCandidates;
-      Object.assign(recomendPlace, { ...resultPlace });
-      onChange == null ? void 0 : onChange({ place: { ...resultPlace }, inputPlace: { ...place }, isInZone: !!zone });
-    }
-  );
   return {
     zoneRef,
     recomendPlace,
@@ -5819,20 +5970,19 @@ const useGmapRecomendPlace = (props) => {
     setPlaceCandidatesAndZone
   };
 };
-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;
+  const setZoom = (v, immediate = false) => {
+    var _a2, _b2;
+    const duration = deltaZoom2animationDuration(v - zoomRef.value);
     zoomRef.value = v;
-    (_a2 = mapRef.value) == null ? void 0 : _a2.setZoom(v, true);
+    if (immediate)
+      return (_a2 = mapRef.value) == null ? void 0 : _a2.setZoom(v, true);
+    (_b2 = mapRef.value) == null ? void 0 : _b2.setZoom(v, false, duration);
   };
   const handleZoomEnd = (_, { target }) => {
     const zoom = target.getZoom();
@@ -6140,10 +6290,9 @@ const ConditionalFittablePassengerCircle = defineSetup(function ConditionalFitta
         "size": "small",
         "registerOverlay": registerOverlay
       }
-    }), h(KeyedFitView, {
+    }), h(FitViewOnce, {
       "attrs": {
-        "registerOverlay": registerOverlay,
-        "fitViewKey": JSON.stringify(position)
+        "registerOverlay": registerOverlay
       }
     })]);
   };
@@ -6565,7 +6714,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     name: geoLoadingTitle,
     displayName: geoLoadingTitle
   });
-  const centerPoint = computed(() => [centerPlace.lng, centerPlace.lat]);
   const centerSource = {
     source: "geo"
   };
@@ -6576,25 +6724,19 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   const setCenterPlaceByUserSpecified = async (input) => {
     centerSource.source = "api";
     const place = toPlaceType(input);
-    centerPlace.lng = place.lng;
-    centerPlace.lat = place.lat;
-    centerPlace.name = place.name;
-    centerPlace.displayName = place.displayName;
-    emit("changePlace", {
-      ...place
-    });
+    Object.assign(centerPlace, place);
     updateRecommendPlace(place);
   };
   const setCenterPlaceByUserSpecifiedInZone = ({
-    place,
+    place: input,
     recommends
   }) => {
-    centerPlace.lng = place.lng;
-    centerPlace.lat = place.lat;
-    centerPlace.name = place.name;
-    centerPlace.displayName = place.displayName;
+    const place = toPlaceType(input);
+    assertZone(recommends.zone);
+    Object.assign(centerPlace, place);
     setPlaceCandidatesAndZone(recommends);
-    setZoom(ZONE_ZOOM);
+    if (!isZoneEqual(recommends.zone, zoneRef.value))
+      setZoom(ZONE_ZOOM);
     emit("changePlace", {
       ...place
     });
@@ -6602,12 +6744,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   const panToCenterByPlace = async (place) => {
     centerSource.source = "api";
     await panTo(place2point(place));
-    centerPlace.lng = place.lng;
-    centerPlace.lat = place.lat;
-    centerPlace.name = place.name;
-    centerPlace.displayName = place.displayName;
-    if (zoneRef.value)
-      setZoom(ZONE_ZOOM);
+    Object.assign(centerPlace, place);
     emit("changePlace", {
       ...place
     });
@@ -6618,7 +6755,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       inputPlace: {
         ...place
       },
-      isInZone: !!zoneRef.value
+      isInZone: !!zoneRef.value,
+      isSameZone: !!zoneRef.value
     });
   };
   const defaultCenterPlacePromise = new Promise((resolve) => {
@@ -6636,18 +6774,21 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   } = useGeoLocation({
     geoDefaultPosition,
     onLoad: async (value) => {
+      const [lng, lat] = value.position;
       await readyPromise;
       centerSource.source = "geo";
+      centerPlace.lng = lng;
+      centerPlace.lat = lat;
       updatePlace(value.position);
       emit("loadGeoLocation", value);
     },
     onLoadDefault: async (value) => {
       await readyPromise;
-      const place = await defaultCenterPlacePromise;
+      const inputPlace = await defaultCenterPlacePromise;
       centerSource.source = "geo";
       emit("loadDefaultGeoLocation", value);
-      if (place) {
-        await setCenterPlaceByUserSpecified(place);
+      if (inputPlace) {
+        await setCenterPlaceByUserSpecified(inputPlace);
       } else {
         updatePlace(value.position);
       }
@@ -6682,7 +6823,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     availableRef,
     isElectedRef
   } = useMapRecomendPlace({
-    pointRef: centerPoint,
+    defaultPoint: place2point(centerPlace),
     emptyPlaceName: DEFAULT_PLACE_NAME,
     context: centerSource,
     getRecomendPlace: pipedGetRecomendPlace,
@@ -6699,29 +6840,27 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
           throw new Error(`MyError: should not call getLimit on source: ${source}`);
       }
     },
-    onChangePlace: (place) => {
-      if (centerSource.source !== "recomend") {
-        updateRecommendPlace(place);
-      }
-      emit("changePlace", place);
-    },
+    onChangePlace: (place) => emit("changePlace", place),
     onChange: async ({
       place,
       inputPlace,
-      isInZone
+      isInZone,
+      isSameZone
     }) => {
+      debugger;
       centerSource.source = "recomend";
       if (isPlaceEqual(place, centerPlace))
         panTo(place2point(place));
       Object.assign(centerPlace, {
         ...place
       });
-      if (isInZone)
+      if (isInZone && !isSameZone)
         setZoom(ZONE_ZOOM);
       emit("changeRecomandPlace", {
         place,
         inputPlace,
-        isInZone
+        isInZone,
+        isSameZone
       });
     }
   });
@@ -6744,7 +6883,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
     return h(HeycarMap, {
       "attrs": {
-        "center": centerPoint.value,
+        "center": place2point(centerPlace),
         "zoom": zoomRef.value,
         "touchZoomCenter": true,
         "mapRef": setMap,
@@ -6820,7 +6959,6 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     name: defaultPlace.name,
     displayName: defaultPlace.displayName
   });
-  const centerPoint = computed(() => [centerPlace.lng, centerPlace.lat]);
   const centerSource = {
     source: "default"
   };
@@ -6831,24 +6969,18 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
   const setCenterPlaceByUserSpecified = async (input) => {
     centerSource.source = "api";
     const place = toPlaceType(input);
-    centerPlace.lng = place.lng;
-    centerPlace.lat = place.lat;
-    centerPlace.name = place.name;
-    centerPlace.displayName = place.displayName;
-    emit("changePlace", {
-      ...place
-    });
+    Object.assign(centerPlace, place);
     updateRecommendPlace(place);
   };
   const setCenterPlaceByUserSpecifiedInZone = ({
-    place,
+    place: input,
     recommends
   }) => {
-    centerPlace.lng = place.lng;
-    centerPlace.lat = place.lat;
-    centerPlace.name = place.name;
-    centerPlace.displayName = place.displayName;
-    setZoom(ZONE_ZOOM);
+    const place = toPlaceType(input);
+    assertZone(recommends.zone);
+    Object.assign(centerPlace, place);
+    if (!isZoneEqual(recommends.zone, zoneRef.value))
+      setZoom(ZONE_ZOOM);
     setPlaceCandidatesAndZone(recommends);
     emit("changePlace", {
       ...place
@@ -6861,8 +6993,6 @@ 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
     });
@@ -6873,7 +7003,8 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
       inputPlace: {
         ...place
       },
-      isInZone: !!zoneRef.value
+      isInZone: !!zoneRef.value,
+      isSameZone: !!zoneRef.value
     });
   };
   const {
@@ -6916,7 +7047,7 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     availableRef,
     isElectedRef
   } = useMapRecomendPlace({
-    pointRef: centerPoint,
+    defaultPoint: place2point(centerPlace),
     emptyPlaceName: DEFAULT_PLACE_NAME,
     context: centerSource,
     getRecomendPlace: pipedGetRecomendPlace,
@@ -6933,16 +7064,12 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
           throw new Error(`MyError: should not call getLimit on source: ${source}`);
       }
     },
-    onChangePlace: (place) => {
-      if (centerSource.source !== "recomend") {
-        updateRecommendPlace(place);
-      }
-      emit("changePlace", place);
-    },
+    onChangePlace: (place) => emit("changePlace", place),
     onChange: async ({
       place,
       inputPlace,
-      isInZone
+      isInZone,
+      isSameZone
     }) => {
       centerSource.source = "recomend";
       if (isPlaceEqual(place, centerPlace))
@@ -6950,12 +7077,13 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
       Object.assign(centerPlace, {
         ...place
       });
-      if (isInZone)
+      if (isInZone && !isSameZone)
         setZoom(ZONE_ZOOM);
       emit("changeRecomandPlace", {
         place,
         inputPlace,
-        isInZone
+        isInZone,
+        isSameZone
       });
     }
   });
@@ -6981,7 +7109,7 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
     return h(HeycarMap, {
       "attrs": {
-        "center": centerPoint.value,
+        "center": place2point(centerPlace),
         "zoom": zoomRef.value,
         "touchZoomCenter": true,
         "mapRef": setMap,
@@ -7016,38 +7144,6 @@ const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlac
     })]);
   };
 }).props(["loading", "fallback", "log", "defaultPlace", "unavailableTitle", "recomendDescription", "getRecomendPlace", "mapContext"]);
-const useAmapGeometry = () => {
-  const payload = useMapSupplier();
-  const apiMapDistance = (from, to) => {
-    if (payload.status !== Status.SUCCESS)
-      return void 0;
-    return AMap.GeometryUtil.distance(from, to);
-  };
-  const apiMapDistanceToLine = (from, line) => {
-    if (payload.status !== Status.SUCCESS)
-      return void 0;
-    return AMap.GeometryUtil.distanceToLine(from, line);
-  };
-  return { apiMapDistance, apiMapDistanceToLine };
-};
-const useGmapGeometry = () => {
-  const payload = useMapSupplier();
-  const apiMapDistance = (from, to) => {
-    if (payload.status !== Status.SUCCESS)
-      return void 0;
-    return google.maps.geometry.spherical.computeDistanceBetween(vec2lnglat(from), vec2lnglat(to));
-  };
-  const apiMapDistanceToLine = (from, line) => {
-    if (payload.status !== Status.SUCCESS)
-      return void 0;
-    return 0;
-  };
-  return { apiMapDistance, apiMapDistanceToLine };
-};
-const useMapGeometry = () => {
-  const { supplier } = useMapSupplier();
-  return supplier === "gmap" ? useGmapGeometry() : useAmapGeometry();
-};
 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";
@@ -7392,6 +7488,7 @@ const WaveCircle = defineSetup(function WaveCircle2(props) {
 const PASSENGER_DISTANCE_MAX = 2e3;
 const PASSENGER_DISTANCE_MIN = 10;
 const CAR_DISTANCE_MIN = 100;
+const AUTO_FIT_VIEW_INTERVAL = 15e3;
 const carDurationWithinMinDistance = (distance) => Math.floor(distance / 5);
 const SectionDispatching = defineSetup(function SectionDispatching2(props) {
   return () => {
@@ -7400,12 +7497,16 @@ const SectionDispatching = defineSetup(function SectionDispatching2(props) {
       title,
       registerOverlay
     } = props;
+    const {
+      language
+    } = useMapSupplier();
     const from = place2point(fromPlace);
     return h("div", [h(StartEndPoint, {
       "attrs": {
         "type": "start",
         "position": from,
         "title": title,
+        "language": language,
         "registerOverlay": registerOverlay
       }
     }), h(WaveCircle, {
@@ -7422,10 +7523,18 @@ const SectionDispatching = defineSetup(function SectionDispatching2(props) {
       "attrs": {
         "registerOverlay": registerOverlay
       }
+    }), h(InterruptableIntervalFitView, {
+      "attrs": {
+        "interval": AUTO_FIT_VIEW_INTERVAL,
+        "registerOverlay": registerOverlay
+      }
     })]);
   };
 });
 const SectionConfirmed = defineSetup(function SectionConfirmed2(props) {
+  const {
+    language
+  } = useMapSupplier();
   const {
     apiMapDistance
   } = useMapGeometry();
@@ -7463,13 +7572,15 @@ const SectionConfirmed = defineSetup(function SectionConfirmed2(props) {
       "attrs": {
         "type": "start",
         "registerOverlay": registerOverlay,
-        "position": from
+        "position": from,
+        "language": language
       }
     }), h(StartEndPoint, {
       "attrs": {
         "type": "end",
         "registerOverlay": registerOverlay,
-        "position": to
+        "position": to,
+        "language": language
       }
     }), h(PlaceCircle, {
       "attrs": {
@@ -7487,10 +7598,22 @@ const SectionConfirmed = defineSetup(function SectionConfirmed2(props) {
       "attrs": {
         "registerOverlay": registerOverlay
       }
+    }), h(InterruptableIntervalFitView, {
+      "attrs": {
+        "interval": AUTO_FIT_VIEW_INTERVAL,
+        "registerOverlay": registerOverlay
+      }
     })]);
   };
 });
 const SectionDriverStartService = defineSetup(function SectionDriverStartService2(props) {
+  const {
+    registerOverlay
+  } = props;
+  const fittableRegistryOverlay = createFittableRegisterOverlay(registerOverlay);
+  const {
+    language
+  } = useMapSupplier();
   const {
     apiMapDistance
   } = useMapGeometry();
@@ -7501,8 +7624,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
       carAngle,
       passengerPosition,
       passengerAngle,
-      renderTitle,
-      registerOverlay
+      renderTitle
     } = props;
     const from = place2point(fromPlace);
     const passengerDistance = passengerPosition ? apiMapDistance(passengerPosition, from) : void 0;
@@ -7518,7 +7640,8 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
       "attrs": {
         "type": "start",
         "position": from,
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "language": language
       }
     }), h(PlaceCircle, {
       "attrs": {
@@ -7536,7 +7659,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
           distance,
           duration
         }) => {
-          var _a, _b;
+          var _a;
           spaceLog("angleDifference", "carPosition, routeAngle, driverAngle = ", carPosition, angle, carAngle);
           return [h(DrivingLine, {
             "attrs": {
@@ -7550,12 +7673,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
                 distance,
                 duration
               }),
-              "registerOverlay": registerOverlay
-            }
-          }), h(KeyedFitView, {
-            "attrs": {
-              "registerOverlay": registerOverlay,
-              "fitViewKey": JSON.stringify((_b = path[0]) != null ? _b : carPosition)
+              "registerOverlay": fittableRegistryOverlay
             }
           })];
         }
@@ -7568,12 +7686,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
           distance: carDistance,
           duration: carDurationWithinMinDistance(carDistance)
         }),
-        "registerOverlay": registerOverlay
-      }
-    }), h(KeyedFitView, {
-      "attrs": {
-        "registerOverlay": registerOverlay,
-        "fitViewKey": JSON.stringify(carPosition)
+        "registerOverlay": fittableRegistryOverlay
       }
     })], !!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX && passengerDistance > PASSENGER_DISTANCE_MIN && h(WalkingRoute, {
       "attrs": {
@@ -7591,6 +7704,11 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
       "attrs": {
         "registerOverlay": registerOverlay
       }
+    }), h(InterruptableIntervalFitView, {
+      "attrs": {
+        "interval": AUTO_FIT_VIEW_INTERVAL,
+        "registerOverlay": registerOverlay
+      }
     })]);
   };
 });
@@ -7598,6 +7716,9 @@ const SectionBookDispatched = defineSetup(function SectionBookDispatched2(props)
   const {
     apiMapDistance
   } = useMapGeometry();
+  const {
+    language
+  } = useMapSupplier();
   return () => {
     const {
       from: fromPlace,
@@ -7644,13 +7765,15 @@ const SectionBookDispatched = defineSetup(function SectionBookDispatched2(props)
       "attrs": {
         "type": "start",
         "registerOverlay": registerOverlay,
-        "position": from
+        "position": from,
+        "language": language
       }
     }), h(StartEndPoint, {
       "attrs": {
         "type": "end",
         "registerOverlay": registerOverlay,
-        "position": to
+        "position": to,
+        "language": language
       }
     }), h(PlaceCircle, {
       "attrs": {
@@ -7668,10 +7791,22 @@ const SectionBookDispatched = defineSetup(function SectionBookDispatched2(props)
       "attrs": {
         "registerOverlay": registerOverlay
       }
+    }), h(InterruptableIntervalFitView, {
+      "attrs": {
+        "interval": AUTO_FIT_VIEW_INTERVAL,
+        "registerOverlay": registerOverlay
+      }
     })]);
   };
 });
 const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
+  const {
+    registerOverlay
+  } = props;
+  const fittableRegistryOverlay = createFittableRegisterOverlay(registerOverlay);
+  const {
+    language
+  } = useMapSupplier();
   const {
     apiMapDistance
   } = useMapGeometry();
@@ -7682,8 +7817,7 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
       carAngle,
       passengerPosition,
       passengerAngle,
-      title,
-      registerOverlay
+      title
     } = props;
     const from = place2point(fromPlace);
     const passengerDistance = passengerPosition ? apiMapDistance(passengerPosition, from) : void 0;
@@ -7711,18 +7845,14 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
         "position": carPosition,
         "angle": carAngle,
         "title": title,
-        "registerOverlay": registerOverlay
-      }
-    }), h(KeyedFitView, {
-      "attrs": {
-        "registerOverlay": registerOverlay,
-        "fitViewKey": JSON.stringify(carPosition)
+        "registerOverlay": fittableRegistryOverlay
       }
     })], h(StartEndPoint, {
       "attrs": {
         "type": "start",
         "position": from,
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "language": language
       }
     }), h(PlaceCircle, {
       "attrs": {
@@ -7734,19 +7864,30 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
       "attrs": {
         "registerOverlay": registerOverlay
       }
+    }), h(InterruptableIntervalFitView, {
+      "attrs": {
+        "interval": AUTO_FIT_VIEW_INTERVAL,
+        "registerOverlay": registerOverlay
+      }
     })]);
   };
 });
 const SectionInService = defineSetup(function SectionInService2(props) {
+  const {
+    registerOverlay
+  } = props;
+  const fittableRegistryOverlay = createFittableRegisterOverlay(registerOverlay);
   return () => {
     const {
       to: toPlace,
       carPosition,
       carAngle,
-      renderTitle,
-      registerOverlay
+      renderTitle
     } = props;
     const to = place2point(toPlace);
+    const {
+      language
+    } = useMapSupplier();
     const {
       apiMapDistance
     } = useMapGeometry();
@@ -7761,7 +7902,7 @@ const SectionInService = defineSetup(function SectionInService2(props) {
           distance,
           duration
         }) => {
-          var _a, _b;
+          var _a;
           spaceLog("angleDifference", "carPosition, routeAngle, driverAngle = ", carPosition, angle, carAngle);
           return [h(DrivingLine, {
             "attrs": {
@@ -7775,12 +7916,7 @@ const SectionInService = defineSetup(function SectionInService2(props) {
                 distance,
                 duration
               }),
-              "registerOverlay": registerOverlay
-            }
-          }), h(KeyedFitView, {
-            "attrs": {
-              "registerOverlay": registerOverlay,
-              "fitViewKey": JSON.stringify((_b = path[0]) != null ? _b : carPosition)
+              "registerOverlay": fittableRegistryOverlay
             }
           })];
         }
@@ -7793,18 +7929,14 @@ const SectionInService = defineSetup(function SectionInService2(props) {
           distance: carDistance,
           duration: carDurationWithinMinDistance(carDistance)
         }),
-        "registerOverlay": registerOverlay
-      }
-    }), h(KeyedFitView, {
-      "attrs": {
-        "registerOverlay": registerOverlay,
-        "fitViewKey": JSON.stringify(carPosition)
+        "registerOverlay": fittableRegistryOverlay
       }
     })], h(StartEndPoint, {
       "attrs": {
         "type": "end",
         "position": to,
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "language": language
       }
     }), h(PlaceCircle, {
       "attrs": {
@@ -7816,10 +7948,18 @@ const SectionInService = defineSetup(function SectionInService2(props) {
       "attrs": {
         "registerOverlay": registerOverlay
       }
+    }), h(InterruptableIntervalFitView, {
+      "attrs": {
+        "interval": AUTO_FIT_VIEW_INTERVAL,
+        "registerOverlay": registerOverlay
+      }
     })]);
   };
 });
 const SectionCanceled = defineSetup(function SectionCanceled2(props) {
+  const {
+    language
+  } = useMapSupplier();
   return () => {
     const {
       from: fromPlace,
@@ -7832,13 +7972,15 @@ const SectionCanceled = defineSetup(function SectionCanceled2(props) {
       "attrs": {
         "type": "start",
         "position": from,
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "language": language
       }
     }), h(StartEndPoint, {
       "attrs": {
         "type": "end",
         "position": to,
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "language": language
       }
     }), h(PlaceCircle, {
       "attrs": {
@@ -7856,10 +7998,18 @@ const SectionCanceled = defineSetup(function SectionCanceled2(props) {
       "attrs": {
         "registerOverlay": registerOverlay
       }
+    }), h(InterruptableIntervalFitView, {
+      "attrs": {
+        "interval": AUTO_FIT_VIEW_INTERVAL,
+        "registerOverlay": registerOverlay
+      }
     })]);
   };
 });
 const SectionEndService = defineSetup(function SectionEndService2(props) {
+  const {
+    language
+  } = useMapSupplier();
   return () => {
     const {
       from: fromPlace,
@@ -7885,13 +8035,15 @@ const SectionEndService = defineSetup(function SectionEndService2(props) {
       "attrs": {
         "type": "start",
         "position": from,
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "language": language
       }
     }), h(StartEndPoint, {
       "attrs": {
         "type": "end",
         "position": to,
-        "registerOverlay": registerOverlay
+        "registerOverlay": registerOverlay,
+        "language": language
       }
     }), h(PlaceCircle, {
       "attrs": {
@@ -7909,6 +8061,11 @@ const SectionEndService = defineSetup(function SectionEndService2(props) {
       "attrs": {
         "registerOverlay": registerOverlay
       }
+    }), h(InterruptableIntervalFitView, {
+      "attrs": {
+        "interval": AUTO_FIT_VIEW_INTERVAL,
+        "registerOverlay": registerOverlay
+      }
     })]);
   };
 });