@heycar/heycars-map 0.6.11 → 0.7.1

package/dist/index.cjs

@@ -388,12 +388,12 @@ var now = function() {
   return root$1.Date.now();
 };
 const now$1 = now;
-var FUNC_ERROR_TEXT = "Expected a function";
+var FUNC_ERROR_TEXT$1 = "Expected a function";
 var nativeMax = Math.max, nativeMin = Math.min;
 function debounce(func, wait, options) {
   var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
   if (typeof func != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT);
+    throw new TypeError(FUNC_ERROR_TEXT$1);
   }
   wait = toNumber(wait) || 0;
   if (isObject(options)) {
@@ -475,6 +475,22 @@ var kebabCase = createCompounder(function(result, word, index) {
   return result + (index ? "-" : "") + word.toLowerCase();
 });
 const kebabCase$1 = kebabCase;
+var FUNC_ERROR_TEXT = "Expected a function";
+function throttle(func, wait, options) {
+  var leading = true, trailing = true;
+  if (typeof func != "function") {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (isObject(options)) {
+    leading = "leading" in options ? !!options.leading : leading;
+    trailing = "trailing" in options ? !!options.trailing : trailing;
+  }
+  return debounce(func, wait, {
+    "leading": leading,
+    "maxWait": wait,
+    "trailing": trailing
+  });
+}
 function defineSetup(setup) {
   return Vue.defineComponent({
     name: setup.name,
@@ -931,6 +947,12 @@ const language2vectorMapForeign = (lang) => {
   }
 };
 const place2point = (place) => [Number(place.lng), Number(place.lat)];
+const combineHandler = (fn1, fn2) => {
+  return (...args) => {
+    fn1 == null ? void 0 : fn1(...args);
+    return fn2(...args);
+  };
+};
 const pipeAsync = (fn) => (...args) => {
   Promise.resolve().then(() => fn == null ? void 0 : fn(...args));
 };
@@ -966,14 +988,34 @@ const isGeoPositionEqual = (p1, p2) => {
     return false;
   return p1.coords.longitude === p2.coords.longitude && p1.coords.latitude === p2.coords.latitude;
 };
+const amapPlaceName2DisplayName = (name, options) => {
+  const { isChina, province, city, district, township } = options;
+  if (!name)
+    return name;
+  if (!isChina)
+    return name.split(",")[0];
+  let result = name;
+  for (const item of [province, city, district, township]) {
+    if (result.trim() === item)
+      return item;
+    result = result.replace(item, "");
+  }
+  return result;
+};
 const toPlaceType = (maybePlace) => {
+  var _a;
   const lng = Number(maybePlace.lng);
   if (isNaN(lng))
     throw new Error("MyError: expect lng to be number");
   const lat = Number(maybePlace.lat);
   if (isNaN(lat))
     throw new Error("MyError: expect lat to be number");
-  return { lng, lat, name: maybePlace.name };
+  return {
+    lng,
+    lat,
+    name: maybePlace.name,
+    displayName: (_a = maybePlace.displayName) != null ? _a : maybePlace.name
+  };
 };
 const wxGetLocationSuccessResponse2GeolocationPosition = (res) => {
   const { longitude, latitude, accuracy } = res;
@@ -1184,10 +1226,12 @@ const GmapAdvancedMarkerView = defineSetup(function GmapAdvancedMarkerView2(prop
   return () => null;
 });
 const createDom = (tag, props, innerHtml) => {
-  const { class: className, ...restProps } = props != null ? props : {};
+  const { class: className, style: style2, ...restProps } = props != null ? props : {};
   const elm = document.createElement(tag);
   if (className)
     elm.className = className;
+  if (style2)
+    elm.style.cssText = style2;
   Object.assign(elm, restProps);
   if (innerHtml)
     elm.innerHTML = innerHtml;
@@ -1893,12 +1937,30 @@ const useMapLoader = (props) => {
     onChange
   });
 };
+var OS_PLATFORM = /* @__PURE__ */ ((OS_PLATFORM2) => {
+  OS_PLATFORM2["IOS"] = "IOS";
+  OS_PLATFORM2["ANDROID"] = "ANDROID";
+  OS_PLATFORM2["OTHER"] = "OTHER";
+  return OS_PLATFORM2;
+})(OS_PLATFORM || {});
 var WEBGL_STATUS = /* @__PURE__ */ ((WEBGL_STATUS2) => {
   WEBGL_STATUS2["NOT_SUPPORTED"] = "NOT_SUPPORTED";
   WEBGL_STATUS2["DISABLED"] = "DISABLED";
   WEBGL_STATUS2["ENABLED"] = "ENABLED";
   return WEBGL_STATUS2;
 })(WEBGL_STATUS || {});
+const detectOSPlatform = () => {
+  if (typeof navigator === "undefined")
+    return "OTHER";
+  const userAgent = navigator.userAgent || navigator.vendor;
+  if (/android/i.test(userAgent)) {
+    return "ANDROID";
+  }
+  if (/iPad|iPhone|iPod/.test(userAgent) && !globalThis.MSStream) {
+    return "IOS";
+  }
+  return "OTHER";
+};
 function detectWebGL() {
   if (typeof window === "undefined")
     return "NOT_SUPPORTED";
@@ -3068,10 +3130,12 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props)
   const deferedSetFitView = pipeDefer(registerOverlay.setFitView);
   return () => {
     const {
-      from: fromPlace,
-      to: toPlace,
+      from: inputFromPlace,
+      to: inputToPlace,
       fromDescription
     } = props;
+    const fromPlace = toPlaceType(inputFromPlace);
+    const toPlace = toPlaceType(inputToPlace);
     const from = place2point(fromPlace);
     const to = place2point(toPlace);
     return Vue.h(HeycarMap, {
@@ -3088,7 +3152,7 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props)
         "type": "start",
         "registerOverlay": registerOverlay,
         "position": from,
-        "title": fromPlace.name,
+        "title": fromPlace.displayName,
         "description": fromDescription
       }
     }), Vue.h(DrivingRoute, {
@@ -3108,7 +3172,7 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props)
             "type": "end",
             "registerOverlay": fittableRegistryOverlay,
             "position": to,
-            "title": toPlace.name,
+            "title": toPlace.displayName,
             "description": renderDescription({
               distance,
               duration
@@ -3123,6 +3187,65 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props)
     })]);
   };
 }).props(["fallback", "from", "loading", "mapRef", "registerOverlay", "renderDescription", "to", "fromDescription", "log"]);
+const DEVICE_ORIENTATION_INTERVAL = 1e3;
+const CSS_DEVICE_ORIENTATION_VAR_PREFIX = "--CSS_DEVICE_ORIENTATION_VAR_ROTATION_DEGREE_";
+const useDeviceOrientation = (props) => {
+  const { onChange, elementRef } = props;
+  const orientation = Vue.reactive({ cssRotationVariableName: void 0 });
+  const cssVarName = `${CSS_DEVICE_ORIENTATION_VAR_PREFIX}${Date.now()}`;
+  Vue.watch(
+    () => elementRef.value,
+    (element, _, onCleanup) => {
+      const handleDeviceOrientation = throttle((event) => {
+        var _a, _b, _c;
+        const alpha = (_a = event.alpha) != null ? _a : void 0;
+        const beta = (_b = event.beta) != null ? _b : void 0;
+        const gamma = (_c = event.gamma) != null ? _c : void 0;
+        const cssRotationVariableValue = `${360 - (alpha != null ? alpha : 0)}deg`;
+        const cssRotationVariableName = alpha === void 0 ? void 0 : cssVarName;
+        Object.assign(orientation, { alpha, beta, gamma });
+        if (orientation.cssRotationVariableName !== cssRotationVariableName) {
+          orientation.cssRotationVariableName = cssRotationVariableName;
+        }
+        onChange == null ? void 0 : onChange({ alpha, beta, gamma, cssRotationVariableName });
+        if (cssRotationVariableName) {
+          element == null ? void 0 : element.style.setProperty(cssRotationVariableName, cssRotationVariableValue);
+        }
+      }, DEVICE_ORIENTATION_INTERVAL);
+      compatibaleAddEventListenerDeviceOrientation(handleDeviceOrientation);
+      onCleanup(() => {
+        compatibleRemoveEventListenerDeviceOrientation(handleDeviceOrientation);
+        element == null ? void 0 : element.style.removeProperty(cssVarName);
+      });
+    }
+  );
+  return { orientation };
+};
+let isIOSDeviceOrientationPermissionGranted = false;
+function compatibaleAddEventListenerDeviceOrientation(handler) {
+  if (detectOSPlatform() === OS_PLATFORM.ANDROID) {
+    return addEventListener("deviceorientationabsolute", handler);
+  }
+  if (isIOSDeviceOrientationPermissionGranted) {
+    return addEventListener("deviceorientation", handler);
+  }
+  const handleTouchEnd = () => {
+    removeEventListener("touchend", handleTouchEnd);
+    DeviceOrientationEvent == null ? void 0 : DeviceOrientationEvent.requestPermission().then((permissionState) => {
+      if (permissionState === "granted") {
+        isIOSDeviceOrientationPermissionGranted = true;
+        addEventListener("deviceorientation", handler);
+      }
+    }).catch((err) => console.error(err.message));
+  };
+  addEventListener("touchend", handleTouchEnd);
+}
+function compatibleRemoveEventListenerDeviceOrientation(handler) {
+  if (detectOSPlatform() === OS_PLATFORM.ANDROID) {
+    return removeEventListener("deviceorientationabsolute", handler);
+  }
+  return removeEventListener("deviceorientation", handler);
+}
 const watchVisibilityState = () => {
   const visibilityStateRef = Vue.ref(document.visibilityState);
   const handleVisibilityChange = () => {
@@ -3385,25 +3508,29 @@ const useGeoLocation = (props) => {
 };
 const useHeycarAmap = () => {
   const amapRef = Vue.shallowRef();
+  const amapElementRef = Vue.shallowRef();
   const setMap = (map) => {
     amapRef.value = map;
+    amapElementRef.value = map.getContainer();
   };
   const panTo = (value) => {
     var _a;
     return (_a = amapRef == null ? void 0 : amapRef.value) == null ? void 0 : _a.panTo(value);
   };
-  return { mapRef: amapRef, panTo, setMap };
+  return { mapRef: amapRef, mapElementRef: amapElementRef, panTo, setMap };
 };
 const useHeycarGamp = () => {
   const gmapRef = Vue.shallowRef();
+  const gmapElementRef = Vue.shallowRef();
   const setMap = (map) => {
     gmapRef.value = map;
+    gmapElementRef.value = map.getDiv();
   };
   const panTo = (value) => {
     var _a;
     return (_a = gmapRef == null ? void 0 : gmapRef.value) == null ? void 0 : _a.panTo(vec2lnglat(value));
   };
-  return { mapRef: gmapRef, panTo, setMap };
+  return { mapRef: gmapRef, mapElementRef: gmapElementRef, panTo, setMap };
 };
 const useHeycarMap = () => {
   const { supplier } = useMapSupplier();
@@ -3429,7 +3556,6 @@ const useAmapDrag = (props) => {
     zoomStartCenter = (_a = mapRef.value) == null ? void 0 : _a.getCenter().toJSON();
   };
   const handleChange = (value) => {
-    console.log("useAmapDrag value, zoomStartCenter = ", value, zoomStartCenter);
     if (isZoom) {
       isZoom = false;
       if (isPointEqual(value, zoomStartCenter))
@@ -3510,6 +3636,1495 @@ const useMapDrag = (props) => {
   const { supplier } = useMapSupplier();
   return supplier === "gmap" ? useGmapDrag(props) : useAmapDrag(props);
 };
+const chinaBounds = [
+  [
+    108.03446,
+    21.545871
+  ],
+  [
+    107.889498,
+    21.616829
+  ],
+  [
+    107.710692,
+    21.616402
+  ],
+  [
+    107.494665,
+    21.595056
+  ],
+  [
+    106.786034,
+    22.007796
+  ],
+  [
+    106.680021,
+    22.187266
+  ],
+  [
+    106.669469,
+    22.309079
+  ],
+  [
+    106.599328,
+    22.336445
+  ],
+  [
+    106.587391,
+    22.392428
+  ],
+  [
+    106.560298,
+    22.455572
+  ],
+  [
+    106.593701,
+    22.535936
+  ],
+  [
+    106.638878,
+    22.58798
+  ],
+  [
+    106.728994,
+    22.590963
+  ],
+  [
+    106.728814,
+    22.638742
+  ],
+  [
+    106.768026,
+    22.697825
+  ],
+  [
+    106.791692,
+    22.755067
+  ],
+  [
+    106.84036,
+    22.800812
+  ],
+  [
+    106.735961,
+    22.846833
+  ],
+  [
+    105.959328,
+    22.948955
+  ],
+  [
+    105.353314,
+    23.356081
+  ],
+  [
+    104.732794,
+    22.852108
+  ],
+  [
+    104.600128,
+    22.817385
+  ],
+  [
+    104.340241,
+    22.71984
+  ],
+  [
+    104.126583,
+    22.811413
+  ],
+  [
+    103.970906,
+    22.508551
+  ],
+  [
+    103.620566,
+    22.783873
+  ],
+  [
+    103.477354,
+    22.638803
+  ],
+  [
+    103.284426,
+    22.680987
+  ],
+  [
+    103.10565,
+    22.513882
+  ],
+  [
+    102.879153,
+    22.582463
+  ],
+  [
+    102.555288,
+    22.729169
+  ],
+  [
+    102.343946,
+    22.559298
+  ],
+  [
+    101.85524,
+    22.396103
+  ],
+  [
+    101.827202,
+    21.613912
+  ],
+  [
+    101.204804,
+    21.319458
+  ],
+  [
+    101.122342,
+    21.773805
+  ],
+  [
+    101.018928,
+    21.716981
+  ],
+  [
+    100.905368,
+    21.685013
+  ],
+  [
+    100.862341,
+    21.659141
+  ],
+  [
+    100.831063,
+    21.630827
+  ],
+  [
+    100.344532,
+    21.523776
+  ],
+  [
+    100.307578,
+    21.488182
+  ],
+  [
+    100.272498,
+    21.471719
+  ],
+  [
+    100.235514,
+    21.466919
+  ],
+  [
+    100.122838,
+    21.538441
+  ],
+  [
+    100.144342,
+    21.687965
+  ],
+  [
+    99.970902,
+    21.759593
+  ],
+  [
+    99.976349,
+    21.911722
+  ],
+  [
+    99.75302,
+    22.069356
+  ],
+  [
+    99.577471,
+    22.09497
+  ],
+  [
+    99.218434,
+    22.111416
+  ],
+  [
+    99.165397,
+    22.14945
+  ],
+  [
+    99.236667,
+    22.297601
+  ],
+  [
+    99.359108,
+    22.524123
+  ],
+  [
+    99.329472,
+    22.715709
+  ],
+  [
+    99.338877,
+    22.751654
+  ],
+  [
+    99.378146,
+    22.762179
+  ],
+  [
+    99.400754,
+    22.825682
+  ],
+  [
+    99.447563,
+    22.844585
+  ],
+  [
+    99.44777,
+    22.881018
+  ],
+  [
+    99.544938,
+    22.958751
+  ],
+  [
+    99.206721,
+    23.104579
+  ],
+  [
+    99.000191,
+    23.161668
+  ],
+  [
+    98.930812,
+    23.17934
+  ],
+  [
+    98.89451,
+    23.205769
+  ],
+  [
+    98.915037,
+    23.254704
+  ],
+  [
+    98.828171,
+    23.690326
+  ],
+  [
+    98.698028,
+    23.784237
+  ],
+  [
+    98.880603,
+    24.149213
+  ],
+  [
+    98.544094,
+    24.128618
+  ],
+  [
+    98.340976,
+    24.10009
+  ],
+  [
+    98.108482,
+    24.091463
+  ],
+  [
+    98.013226,
+    24.053379
+  ],
+  [
+    97.728248,
+    23.895521
+  ],
+  [
+    97.529325,
+    23.943102
+  ],
+  [
+    97.655234,
+    24.060011
+  ],
+  [
+    97.739942,
+    24.184029
+  ],
+  [
+    97.702694,
+    24.343731
+  ],
+  [
+    97.555387,
+    24.509707
+  ],
+  [
+    97.566348,
+    24.70096
+  ],
+  [
+    97.683272,
+    24.8271
+  ],
+  [
+    97.729442,
+    24.909341
+  ],
+  [
+    97.729984,
+    25.086406
+  ],
+  [
+    97.88904,
+    25.235727
+  ],
+  [
+    98.138872,
+    25.495217
+  ],
+  [
+    98.683766,
+    25.931162
+  ],
+  [
+    98.627679,
+    26.144535
+  ],
+  [
+    98.674957,
+    26.238435
+  ],
+  [
+    98.756509,
+    26.496577
+  ],
+  [
+    98.758612,
+    26.764705
+  ],
+  [
+    98.766671,
+    27.041643
+  ],
+  [
+    98.732483,
+    27.284239
+  ],
+  [
+    98.699537,
+    27.546633
+  ],
+  [
+    98.431871,
+    27.662925
+  ],
+  [
+    98.286812,
+    27.634612
+  ],
+  [
+    98.174766,
+    27.862864
+  ],
+  [
+    98.131544,
+    28.149559
+  ],
+  [
+    97.494182,
+    28.359752
+  ],
+  [
+    97.420181,
+    28.295909
+  ],
+  [
+    97.357902,
+    28.182283
+  ],
+  [
+    97.372545,
+    28.048383
+  ],
+  [
+    97.182406,
+    27.827862
+  ],
+  [
+    97.000801,
+    27.825301
+  ],
+  [
+    96.846837,
+    27.877626
+  ],
+  [
+    96.537778,
+    28.075202
+  ],
+  [
+    96.358196,
+    28.122047
+  ],
+  [
+    96.158626,
+    28.209232
+  ],
+  [
+    94.975683,
+    27.804592
+  ],
+  [
+    92.125949,
+    27.273214
+  ],
+  [
+    91.151716,
+    27.907706
+  ],
+  [
+    90.122462,
+    28.168784
+  ],
+  [
+    89.116165,
+    27.539676
+  ],
+  [
+    88.79551,
+    28.038329
+  ],
+  [
+    87.664174,
+    27.833584
+  ],
+  [
+    87.034909,
+    27.946381
+  ],
+  [
+    86.102037,
+    27.989154
+  ],
+  [
+    85.959927,
+    27.960275
+  ],
+  [
+    85.542653,
+    28.314901
+  ],
+  [
+    85.352214,
+    28.283591
+  ],
+  [
+    84.760124,
+    28.608553
+  ],
+  [
+    83.696663,
+    29.223277
+  ],
+  [
+    82.694473,
+    29.762103
+  ],
+  [
+    81.681759,
+    30.423961
+  ],
+  [
+    81.002579,
+    30.264622
+  ],
+  [
+    79.451148,
+    31.026692
+  ],
+  [
+    78.768535,
+    31.940859
+  ],
+  [
+    78.637775,
+    32.011523
+  ],
+  [
+    78.591482,
+    32.063503
+  ],
+  [
+    78.447248,
+    32.152441
+  ],
+  [
+    79.055473,
+    32.381378
+  ],
+  [
+    79.232139,
+    32.840006
+  ],
+  [
+    79.224739,
+    32.961698
+  ],
+  [
+    78.73849,
+    33.949955
+  ],
+  [
+    78.674047,
+    34.530945
+  ],
+  [
+    78.017015,
+    35.228305
+  ],
+  [
+    76.941478,
+    35.601395
+  ],
+  [
+    76.034841,
+    36.40917
+  ],
+  [
+    75.906013,
+    36.633077
+  ],
+  [
+    75.44202,
+    36.751892
+  ],
+  [
+    74.771692,
+    37.264013
+  ],
+  [
+    74.79294,
+    38.536098
+  ],
+  [
+    73.628595,
+    39.23079
+  ],
+  [
+    74.464917,
+    40.163006
+  ],
+  [
+    75.697795,
+    40.288419
+  ],
+  [
+    76.734113,
+    40.847349
+  ],
+  [
+    77.805877,
+    41.115185
+  ],
+  [
+    78.100761,
+    41.225242
+  ],
+  [
+    78.317208,
+    41.386984
+  ],
+  [
+    78.828532,
+    41.565219
+  ],
+  [
+    79.796619,
+    41.917362
+  ],
+  [
+    80.230197,
+    42.396788
+  ],
+  [
+    80.178769,
+    42.661476
+  ],
+  [
+    80.293244,
+    42.836441
+  ],
+  [
+    80.337978,
+    42.831579
+  ],
+  [
+    80.405903,
+    42.834648
+  ],
+  [
+    80.498695,
+    42.871935
+  ],
+  [
+    80.485526,
+    42.949773
+  ],
+  [
+    80.523771,
+    43.830106
+  ],
+  [
+    80.519548,
+    43.862665
+  ],
+  [
+    80.509814,
+    43.876346
+  ],
+  [
+    80.502334,
+    43.912321
+  ],
+  [
+    80.490832,
+    43.920575
+  ],
+  [
+    80.481667,
+    43.931551
+  ],
+  [
+    80.477151,
+    43.947949
+  ],
+  [
+    80.475736,
+    43.964042
+  ],
+  [
+    80.458271,
+    43.976397
+  ],
+  [
+    80.453132,
+    43.991877
+  ],
+  [
+    80.454728,
+    44.04903
+  ],
+  [
+    80.342239,
+    44.686627
+  ],
+  [
+    80.927203,
+    45.149323
+  ],
+  [
+    82.601014,
+    45.34621
+  ],
+  [
+    84.305399,
+    46.995313
+  ],
+  [
+    85.560607,
+    47.118155
+  ],
+  [
+    85.537708,
+    48.047127
+  ],
+  [
+    85.596757,
+    48.197207
+  ],
+  [
+    85.703562,
+    48.343172
+  ],
+  [
+    86.175389,
+    48.436248
+  ],
+  [
+    86.580777,
+    48.539797
+  ],
+  [
+    86.753356,
+    48.704785
+  ],
+  [
+    86.820571,
+    48.835791
+  ],
+  [
+    86.733414,
+    48.974695
+  ],
+  [
+    86.895933,
+    49.133785
+  ],
+  [
+    87.822671,
+    48.947236
+  ],
+  [
+    88.576766,
+    48.350514
+  ],
+  [
+    89.743723,
+    47.888328
+  ],
+  [
+    91.061776,
+    46.533367
+  ],
+  [
+    93.173971,
+    45.015263
+  ],
+  [
+    96.758654,
+    42.75641
+  ],
+  [
+    101.938753,
+    42.36899
+  ],
+  [
+    111.056885,
+    43.346543
+  ],
+  [
+    113.995954,
+    44.922372
+  ],
+  [
+    118.508368,
+    46.700918
+  ],
+  [
+    119.707908,
+    47.200464
+  ],
+  [
+    119.662314,
+    47.226698
+  ],
+  [
+    119.626751,
+    47.247533
+  ],
+  [
+    119.562861,
+    47.261987
+  ],
+  [
+    119.562568,
+    47.282336
+  ],
+  [
+    119.544295,
+    47.304695
+  ],
+  [
+    119.515891,
+    47.322902
+  ],
+  [
+    119.463333,
+    47.349624
+  ],
+  [
+    119.396152,
+    47.394452
+  ],
+  [
+    119.334168,
+    47.42353
+  ],
+  [
+    118.276281,
+    48.009287
+  ],
+  [
+    118.11109,
+    48.041824
+  ],
+  [
+    118.016416,
+    48.014965
+  ],
+  [
+    117.895415,
+    48.022554
+  ],
+  [
+    117.81506,
+    49.527378
+  ],
+  [
+    117.959284,
+    49.607066
+  ],
+  [
+    118.119232,
+    49.650908
+  ],
+  [
+    118.226441,
+    49.725456
+  ],
+  [
+    118.388378,
+    49.785914
+  ],
+  [
+    118.484226,
+    49.829849
+  ],
+  [
+    118.558769,
+    49.904695
+  ],
+  [
+    118.663826,
+    49.950365
+  ],
+  [
+    118.794449,
+    49.958426
+  ],
+  [
+    118.898088,
+    49.975079
+  ],
+  [
+    118.996016,
+    49.974912
+  ],
+  [
+    119.127524,
+    50.009768
+  ],
+  [
+    119.191791,
+    50.074864
+  ],
+  [
+    119.298834,
+    50.134203
+  ],
+  [
+    119.32342,
+    50.234727
+  ],
+  [
+    119.349315,
+    50.357748
+  ],
+  [
+    119.141688,
+    50.388553
+  ],
+  [
+    119.282088,
+    50.550625
+  ],
+  [
+    119.473796,
+    50.723148
+  ],
+  [
+    119.541671,
+    50.914479
+  ],
+  [
+    119.742397,
+    51.086222
+  ],
+  [
+    119.761579,
+    51.211474
+  ],
+  [
+    119.924927,
+    51.371112
+  ],
+  [
+    120.047332,
+    51.546316
+  ],
+  [
+    120.343526,
+    51.78839
+  ],
+  [
+    120.688186,
+    52.042069
+  ],
+  [
+    120.634178,
+    52.31611
+  ],
+  [
+    120.655763,
+    52.56758
+  ],
+  [
+    120.058786,
+    52.729041
+  ],
+  [
+    120.476405,
+    53.019791
+  ],
+  [
+    120.845509,
+    53.274051
+  ],
+  [
+    121.377348,
+    53.324047
+  ],
+  [
+    123.454169,
+    53.536539
+  ],
+  [
+    124.742151,
+    53.145277
+  ],
+  [
+    125.801275,
+    52.894911
+  ],
+  [
+    126.318372,
+    52.332237
+  ],
+  [
+    126.871437,
+    51.344172
+  ],
+  [
+    127.680238,
+    49.693854
+  ],
+  [
+    129.750825,
+    49.214848
+  ],
+  [
+    131.835618,
+    47.67606
+  ],
+  [
+    134.131409,
+    48.335466
+  ],
+  [
+    134.661344,
+    47.899298
+  ],
+  [
+    134.141398,
+    47.091504
+  ],
+  [
+    133.854501,
+    46.207167
+  ],
+  [
+    133.479263,
+    45.694204
+  ],
+  [
+    133.335969,
+    45.558506
+  ],
+  [
+    133.201179,
+    45.513549
+  ],
+  [
+    133.14563,
+    45.407197
+  ],
+  [
+    133.108862,
+    45.299488
+  ],
+  [
+    133.118577,
+    45.223635
+  ],
+  [
+    133.139374,
+    45.140375
+  ],
+  [
+    133.047802,
+    45.074051
+  ],
+  [
+    132.98035,
+    45.027061
+  ],
+  [
+    132.885386,
+    45.050022
+  ],
+  [
+    131.821761,
+    45.286547
+  ],
+  [
+    131.666157,
+    45.186423
+  ],
+  [
+    131.634896,
+    45.086127
+  ],
+  [
+    131.516843,
+    45.01066
+  ],
+  [
+    131.433657,
+    44.969994
+  ],
+  [
+    131.30964,
+    44.945363
+  ],
+  [
+    131.196394,
+    44.936051
+  ],
+  [
+    131.088924,
+    44.918352
+  ],
+  [
+    131.009774,
+    44.867761
+  ],
+  [
+    131.001474,
+    44.822688
+  ],
+  [
+    131.068543,
+    44.776215
+  ],
+  [
+    131.113969,
+    44.701966
+  ],
+  [
+    131.226653,
+    44.32782
+  ],
+  [
+    131.299841,
+    44.082309
+  ],
+  [
+    131.244767,
+    43.965231
+  ],
+  [
+    131.236322,
+    43.859105
+  ],
+  [
+    131.218416,
+    43.735163
+  ],
+  [
+    131.244792,
+    43.600775
+  ],
+  [
+    131.22764,
+    43.516604
+  ],
+  [
+    131.299078,
+    43.446043
+  ],
+  [
+    131.277299,
+    43.364086
+  ],
+  [
+    131.244194,
+    43.26145
+  ],
+  [
+    131.209384,
+    43.167874
+  ],
+  [
+    131.171747,
+    43.06971
+  ],
+  [
+    131.107312,
+    43.018119
+  ],
+  [
+    131.147602,
+    42.968828
+  ],
+  [
+    131.082704,
+    42.923031
+  ],
+  [
+    131.042517,
+    42.874081
+  ],
+  [
+    130.939636,
+    42.875503
+  ],
+  [
+    130.828255,
+    42.882591
+  ],
+  [
+    130.729328,
+    42.832937
+  ],
+  [
+    130.589394,
+    42.816248
+  ],
+  [
+    130.487425,
+    42.775189
+  ],
+  [
+    130.414629,
+    42.718256
+  ],
+  [
+    130.516292,
+    42.698041
+  ],
+  [
+    130.603538,
+    42.644474
+  ],
+  [
+    130.616763,
+    42.57076
+  ],
+  [
+    130.576431,
+    42.499097
+  ],
+  [
+    130.627935,
+    42.42872
+  ],
+  [
+    129.955711,
+    42.998491
+  ],
+  [
+    129.759647,
+    42.622362
+  ],
+  [
+    129.374176,
+    42.424374
+  ],
+  [
+    129.222104,
+    42.217951
+  ],
+  [
+    128.654411,
+    42.030835
+  ],
+  [
+    128.124469,
+    42.02136
+  ],
+  [
+    128.132575,
+    41.783637
+  ],
+  [
+    128.164254,
+    41.721631
+  ],
+  [
+    128.257805,
+    41.67428
+  ],
+  [
+    128.286252,
+    41.627057
+  ],
+  [
+    128.317485,
+    41.592099
+  ],
+  [
+    128.268725,
+    41.515996
+  ],
+  [
+    128.210082,
+    41.414117
+  ],
+  [
+    128.083168,
+    41.392912
+  ],
+  [
+    128.015652,
+    41.42919
+  ],
+  [
+    127.911191,
+    41.430006
+  ],
+  [
+    127.800482,
+    41.423708
+  ],
+  [
+    127.656269,
+    41.417726
+  ],
+  [
+    127.478761,
+    41.474763
+  ],
+  [
+    127.32972,
+    41.472449
+  ],
+  [
+    127.214172,
+    41.529969
+  ],
+  [
+    127.180659,
+    41.599146
+  ],
+  [
+    127.079883,
+    41.694041
+  ],
+  [
+    126.937418,
+    41.811868
+  ],
+  [
+    126.779087,
+    41.700814
+  ],
+  [
+    126.625351,
+    41.677409
+  ],
+  [
+    126.540357,
+    41.508061
+  ],
+  [
+    126.519458,
+    41.348596
+  ],
+  [
+    126.289851,
+    41.183266
+  ],
+  [
+    126.0431,
+    40.943182
+  ],
+  [
+    125.874989,
+    40.908349
+  ],
+  [
+    125.578403,
+    40.791802
+  ],
+  [
+    124.995845,
+    40.477146
+  ],
+  [
+    124.697208,
+    40.312753
+  ],
+  [
+    124.612879,
+    40.284932
+  ],
+  [
+    124.579533,
+    40.260931
+  ],
+  [
+    124.530494,
+    40.231865
+  ],
+  [
+    124.50676,
+    40.204386
+  ],
+  [
+    124.445293,
+    40.163118
+  ],
+  [
+    124.360534,
+    40.039812
+  ],
+  [
+    124.298568,
+    39.96955
+  ],
+  [
+    124.223942,
+    39.905642
+  ],
+  [
+    123.984623,
+    33.407531
+  ],
+  [
+    123.729428,
+    30.330603
+  ],
+  [
+    122.898128,
+    24.531923
+  ],
+  [
+    122.58719,
+    23.395406
+  ],
+  [
+    121.965315,
+    21.614499
+  ],
+  [
+    121.156877,
+    20.744706
+  ],
+  [
+    120.037502,
+    18.931393
+  ],
+  [
+    119.415626,
+    17.869266
+  ],
+  [
+    119.104688,
+    15.905688
+  ],
+  [
+    119.104688,
+    14.706078
+  ],
+  [
+    119.074712,
+    11.892775
+  ],
+  [
+    118.445276,
+    10.848763
+  ],
+  [
+    116.15903,
+    8.105345
+  ],
+  [
+    115.455905,
+    6.972663
+  ],
+  [
+    113.504273,
+    5.646439
+  ],
+  [
+    112.848833,
+    3.837665
+  ],
+  [
+    111.588373,
+    3.535781
+  ],
+  [
+    108.311177,
+    5.997547
+  ],
+  [
+    108.159922,
+    7.149526
+  ],
+  [
+    110.62192,
+    12.2567
+  ],
+  [
+    110.109868,
+    14.800002
+  ],
+  [
+    109.318852,
+    16.07078
+  ],
+  [
+    107.705911,
+    18.528627
+  ],
+  [
+    108.109362,
+    21.108139
+  ],
+  [
+    108.069339,
+    21.500669
+  ]
+];
+const useAmapInChina = () => {
+  const payload = useMapSupplier();
+  const inChina = (point) => {
+    if (payload.status !== Status.SUCCESS)
+      return false;
+    return AMap.GeometryUtil.isPointInRing(point, chinaBounds);
+  };
+  return { inChina };
+};
+const useGmapInChina = () => {
+  const payload = useMapSupplier();
+  const inChina = (point) => {
+    if (payload.status !== Status.SUCCESS)
+      return false;
+    const chinaPolygon = new google.maps.Polygon({ paths: chinaBounds });
+    return google.maps.geometry.poly.containsLocation(vec2lnglat(point), chinaPolygon);
+  };
+  return { inChina };
+};
+const useMapInChina = () => {
+  const { supplier } = useMapSupplier();
+  return supplier === "gmap" ? useGmapInChina() : useAmapInChina();
+};
 const useUpdate = () => {
   const idx = Vue.ref(0);
   const update = () => {
@@ -3522,10 +5137,12 @@ const useAmapPlace = (props) => {
   const defaultPoint = [...props.pointRef.value];
   const pointRef = Vue.ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
+  const { inChina } = useAmapInChina();
   const place = Vue.reactive({
     lng: pointRef.value[0],
     lat: pointRef.value[1],
-    name: ""
+    name: "",
+    displayName: ""
   });
   const { idx: placeKey, update } = useUpdate();
   const updatePlace = (value) => {
@@ -3536,6 +5153,7 @@ const useAmapPlace = (props) => {
     place.lng = value.lng;
     place.lat = value.lat;
     place.name = value.name;
+    place.displayName = value.displayName;
   };
   Vue.watch(
     () => [placeKey.value],
@@ -3543,23 +5161,30 @@ const useAmapPlace = (props) => {
       await readyPromise;
       const geocoder = new AMap.Geocoder({ lang: LANGUAGE });
       const [lng, lat] = pointRef.value;
+      const isChina = inChina([lng, lat]);
       geocoder.getAddress(new AMap.LngLat(lng, lat), (status, result) => {
         switch (status) {
           case "complete": {
-            const { formattedAddress } = result.regeocode;
+            const { formattedAddress, addressComponent } = result.regeocode;
             const name = formattedAddress ? formattedAddress : emptyPlaceName;
+            const displayName = amapPlaceName2DisplayName(name, { isChina, ...addressComponent });
             place.name = name;
+            place.displayName = displayName;
             place.lng = lng;
             place.lat = lat;
-            onChange == null ? void 0 : onChange({ lng, lat, name });
+            onChange == null ? void 0 : onChange({ lng, lat, name, displayName });
             return;
           }
-          case "no_data":
-            place.name = emptyPlaceName;
+          case "no_data": {
+            const name = emptyPlaceName;
+            const displayName = emptyPlaceName;
+            place.name = name;
+            place.displayName = displayName;
             place.lng = lng;
             place.lat = lat;
-            onChange == null ? void 0 : onChange({ lng, lat, name: "" });
+            onChange == null ? void 0 : onChange({ lng, lat, name, displayName });
             return;
+          }
           case "error":
             throw result;
         }
@@ -3577,7 +5202,8 @@ const useGmapPlace = (props) => {
   const place = Vue.reactive({
     lng: pointRef.value[0],
     lat: pointRef.value[1],
-    name: ""
+    name: "",
+    displayName: ""
   });
   const updatePlace = (value) => {
     pointRef.value = value;
@@ -3587,6 +5213,7 @@ const useGmapPlace = (props) => {
     place.lng = value.lng;
     place.lat = value.lat;
     place.name = value.name;
+    place.displayName = value.displayName;
   };
   Vue.watch(
     () => placeKey.value,
@@ -3596,10 +5223,12 @@ const useGmapPlace = (props) => {
       const [lng, lat] = pointRef.value;
       const { results } = await geocoder.geocode({ language: LANGUAGE, location: { lng, lat } });
       const name = results[0].formatted_address ? results[0].formatted_address : emptyPlaceName;
+      const displayName = name;
       place.lng = lng;
       place.lat = lat;
       place.name = name;
-      onChange == null ? void 0 : onChange({ lng, lat, name });
+      place.displayName = displayName;
+      onChange == null ? void 0 : onChange({ lng, lat, name, displayName });
     }
   );
   return { place, updatePlace, setPlace };
@@ -3651,7 +5280,8 @@ const useAmapRecomendPlace = (props) => {
     );
   });
   const updatePlaceCandidates = async (place2) => {
-    const placeCandidates = await getRecomendPlace({ ...place2 }, context2);
+    const inputPlaceCandidates = await getRecomendPlace({ ...place2 }, context2);
+    const placeCandidates = inputPlaceCandidates == null ? void 0 : inputPlaceCandidates.map(toPlaceType);
     availableRef.value = placeCandidates !== void 0;
     placeCandidatesRef.value = placeCandidates != null ? placeCandidates : [];
   };
@@ -3659,7 +5289,8 @@ const useAmapRecomendPlace = (props) => {
     () => recomendPlaceKey.value,
     async () => {
       await readyPromise;
-      const placeCandidates = await getRecomendPlace({ ...place }, context2);
+      const inputPlaceCandidates = await getRecomendPlace({ ...place }, context2);
+      const placeCandidates = inputPlaceCandidates == null ? void 0 : inputPlaceCandidates.map(toPlaceType);
       if (placeCandidates === void 0) {
         availableRef.value = false;
         placeCandidatesRef.value = [];
@@ -3793,20 +5424,25 @@ const useMapZoom = (props) => {
   const { supplier } = useMapSupplier();
   return supplier === "gmap" ? useGmapZoom(props) : useAmapZoom(props);
 };
+const imgPassengerCircleArrow = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTI4LjYlIiB5PSItMjguNiUiIHdpZHRoPSIxNTcuMSUiIGhlaWdodD0iMTU3LjElIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJwcmVmaXhfX2EiPjxmZU9mZnNldCBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjc3NDUzMDE2IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PGNpcmNsZSBpZD0icHJlZml4X19iIiBjeD0iMzAiIGN5PSIzMCIgcj0iMTAuNSIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgc3Ryb2tlLW9wYWNpdHk9Ii4xIiBzdHJva2U9IiMwMDNERkYiIGZpbGwtb3BhY2l0eT0iLjE1IiBmaWxsPSIjNDg3M0ZFIiBjeD0iMzAiIGN5PSIzMCIgcj0iMjkuNSIvPjxwYXRoIGZpbGw9IiM0ODcxRjEiIGQ9Ik0zMCAxMC41NTdsNi4zNDIgMTIuNjg0SDIzLjY1OHoiLz48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PGNpcmNsZSBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVqb2luPSJzcXVhcmUiIGZpbGw9IiM0ODcxRjEiIGN4PSIzMCIgY3k9IjMwIiByPSI5Ii8+PC9nPjwvc3ZnPg==";
 const imgPassengerCircle = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTcuMSUiIHk9Ii03LjElIiB3aWR0aD0iMTE0LjMlIiBoZWlnaHQ9IjExNC4zJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0icHJlZml4X19hIj48ZmVPZmZzZXQgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ii41IiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb21wb3NpdGUgaW49InNoYWRvd0JsdXJPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNzc0NTMwMTYgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48Y2lyY2xlIGlkPSJwcmVmaXhfX2IiIGN4PSIzMCIgY3k9IjMwIiByPSIxMC41Ii8+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC40MDUgLjI2NCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2Utb3BhY2l0eT0iLjEiIHN0cm9rZT0iIzAwM0RGRiIgZmlsbC1vcGFjaXR5PSIuMTUiIGZpbGw9IiM0ODczRkUiIGN4PSIzMCIgY3k9IjMwIiByPSIyOS41Ii8+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjcHJlZml4X19hKSIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjxjaXJjbGUgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVqb2luPSJzcXVhcmUiIGZpbGw9IiM0ODcxRjEiIGN4PSIzMCIgY3k9IjMwIiByPSI5LjMiLz48L2c+PC9zdmc+";
+const imgPassengerSmallArrow = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTI4LjYlIiB5PSItMjguNiUiIHdpZHRoPSIxNTcuMSUiIGhlaWdodD0iMTU3LjElIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJwcmVmaXhfX2EiPjxmZU9mZnNldCBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjQgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48Y2lyY2xlIGlkPSJwcmVmaXhfX2IiIGN4PSIxMC41IiBjeT0iMTkuNSIgcj0iMTAuNSIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiM0NDcxRkYiIGQ9Ik0xNC40ODEgMGw2LjYwMyAxMy4xODFINy44Nzl6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNCkiPjx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fYSkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2IiLz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiBmaWxsPSIjNDg3MUYxIiBjeD0iMTAuNSIgY3k9IjE5LjUiIHI9IjkuMyIvPjwvZz48L2c+PC9zdmc+";
 const imgPassengerSmall = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTMwJSIgeT0iLTMwJSIgd2lkdGg9IjE2MCUiIGhlaWdodD0iMTYwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0icHJlZml4X19hIj48ZmVPZmZzZXQgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI0IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PGNpcmNsZSBpZD0icHJlZml4X19iIiBjeD0iMTU3IiBjeT0iMzUyIiByPSIxMCIvPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQzIC0zMzgpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fYSkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2IiLz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiBmaWxsPSIjNDg3MUYxIiBjeD0iMTU3IiBjeT0iMzUyIiByPSI4LjgiLz48L2c+PC9zdmc+";
 const PassengerCircle_css_ts_vanilla = "";
-var passengerCircle = createRuntimeFn({ defaultClassName: "_1l6offo0", variantClassNames: { size: { small: "_1l6offo1", large: "_1l6offo2" } }, defaultVariants: {}, compoundVariants: [] });
+var passengerCircle = createRuntimeFn({ defaultClassName: "_1l6offo0", variantClassNames: { type: { small: "_1l6offo1", smallArrow: "_1l6offo2", large: "_1l6offo3", largeArrow: "_1l6offo4" } }, defaultVariants: {}, compoundVariants: [] });
 const APassengerCircle = defineSetup(function APassengerCircle2(props) {
   const contentRef = Vue.computed(() => {
     const {
-      size = "large"
+      size = "large",
+      angle
     } = props;
-    const src = size === "large" ? imgPassengerCircle : imgPassengerSmall;
+    const src = size === "large" ? angle === void 0 ? imgPassengerCircle : imgPassengerCircleArrow : angle === void 0 ? imgPassengerSmall : imgPassengerSmallArrow;
+    const style2 = angle === void 0 ? "" : `transform: rotate(var(${angle}))`;
+    const type = size === "large" ? angle === void 0 ? "large" : "largeArrow" : angle === void 0 ? "small" : "smallArrow";
     return `
         <img src="${src}" class="${passengerCircle({
-      size
-    })}">
+      type
+    })}" style="${style2}">
       `;
   });
   return () => {
@@ -3824,14 +5460,18 @@ const APassengerCircle = defineSetup(function APassengerCircle2(props) {
 const GPassengerCircle = defineSetup(function GPassengerCircle2(props) {
   const contentRef = Vue.computed(() => {
     const {
-      size = "large"
+      size = "large",
+      angle
     } = props;
-    const src = size === "large" ? imgPassengerCircle : imgPassengerSmall;
+    const src = size === "large" ? angle === void 0 ? imgPassengerCircle : imgPassengerCircleArrow : angle === void 0 ? imgPassengerSmall : imgPassengerSmallArrow;
+    const style2 = angle === void 0 ? "" : `transform: rotate(var(${angle}))`;
+    const type = size === "large" ? angle === void 0 ? "large" : "largeArrow" : angle === void 0 ? "small" : "smallArrow";
     return createDom("img", {
       class: passengerCircle({
-        size
+        type
       }),
-      src
+      src,
+      style: style2
     });
   });
   return () => Vue.h(GmapAdvancedMarkerView, {
@@ -3855,6 +5495,7 @@ const ConditionalFittablePassengerCircle = defineSetup(function ConditionalFitta
   return () => {
     const {
       position,
+      angle,
       condition,
       registerOverlay
     } = props;
@@ -3870,6 +5511,7 @@ const ConditionalFittablePassengerCircle = defineSetup(function ConditionalFitta
     return Vue.h("div", [Vue.h(PassengerCircle, {
       "attrs": {
         "position": position,
+        "angle": angle,
         "size": "small",
         "registerOverlay": registerOverlay
       }
@@ -4101,7 +5743,7 @@ const PickupPoints = defineSetup(function PickupPoints2(props, {
   return () => {
     return Vue.h("div", [props.places.map((place, idx) => {
       const direction = directions.value[idx];
-      const label2 = renderLabel ? renderLabel(place) : place.name;
+      const label2 = renderLabel ? renderLabel(place) : place.displayName;
       return Vue.h(PlaceCircle, {
         "attrs": {
           "position": place2point(place),
@@ -4144,6 +5786,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   const pipedGetRecomendPlace = pipeOnlyLastEffect(getRecomendPlace);
   const {
     mapRef,
+    mapElementRef,
     setMap,
     panTo
   } = useHeycarMap();
@@ -4164,7 +5807,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   const centerPlace = Vue.reactive({
     lng: (_a = geoDefaultPosition == null ? void 0 : geoDefaultPosition[0]) != null ? _a : 0,
     lat: (_b = geoDefaultPosition == null ? void 0 : geoDefaultPosition[1]) != null ? _b : 0,
-    name: ""
+    name: "",
+    displayName: ""
   });
   const centerPoint = Vue.computed(() => [centerPlace.lng, centerPlace.lat]);
   const centerSource = {
@@ -4180,6 +5824,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     centerPlace.lng = place.lng;
     centerPlace.lat = place.lat;
     centerPlace.name = place.name;
+    centerPlace.displayName = place.displayName;
     emit("changePlace", {
       ...place
     });
@@ -4191,10 +5836,16 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     centerPlace.lng = place.lng;
     centerPlace.lat = place.lat;
     centerPlace.name = place.name;
+    centerPlace.displayName = place.displayName;
   };
   const defaultCenterPlacePromise = new Promise((resolve) => {
     getDefaultCenterPlace().then(resolve).catch(() => resolve(void 0));
   });
+  const {
+    orientation
+  } = useDeviceOrientation({
+    elementRef: mapElementRef
+  });
   const {
     geoPosition,
     geoError,
@@ -4299,7 +5950,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       recomendDescription,
       unavailableTitle
     } = props;
-    const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : centerPlace.name;
+    const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : centerPlace.displayName;
     const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
     return Vue.h(HeycarMap, {
       "attrs": {
@@ -4312,12 +5963,13 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       }
     }, [!geoLoading.value && !geoError.value && Vue.h(PassengerCircle, {
       "attrs": {
-        "position": geoPosition.value
+        "position": geoPosition.value,
+        "angle": orientation.cssRotationVariableName
       }
     }), zoomRef.value >= RECOMMEND_PLACE_ZOOM_MIN && Vue.h(PickupPoints, {
       "attrs": {
         "places": placeCandidates.value,
-        "renderLabel": (place) => isPlaceEqual(place, centerPlace) ? void 0 : place.name
+        "renderLabel": (place) => isPlaceEqual(place, centerPlace) ? void 0 : place.displayName
       },
       "on": {
         "click": setCenterByPlace
@@ -4731,7 +6383,7 @@ const SectionDispatching = defineSetup(function SectionDispatching2(props) {
     }), Vue.h(PlaceCircle, {
       "attrs": {
         "position": from,
-        "label": fromPlace.name,
+        "label": fromPlace.displayName,
         "hideIcon": true
       }
     }), Vue.h(FitViewOnce, {
@@ -4750,6 +6402,7 @@ const SectionConfirmed = defineSetup(function SectionConfirmed2(props) {
       from: fromPlace,
       to: toPlace,
       passengerPosition,
+      passengerAngle,
       registerOverlay
     } = props;
     const from = place2point(fromPlace);
@@ -4770,6 +6423,7 @@ const SectionConfirmed = defineSetup(function SectionConfirmed2(props) {
     }), Vue.h(ConditionalFittablePassengerCircle, {
       "attrs": {
         "position": passengerPosition,
+        "angle": passengerAngle,
         "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
         "registerOverlay": registerOverlay
       }
@@ -4788,13 +6442,13 @@ const SectionConfirmed = defineSetup(function SectionConfirmed2(props) {
     }), Vue.h(PlaceCircle, {
       "attrs": {
         "position": from,
-        "label": fromPlace.name,
+        "label": fromPlace.displayName,
         "hideIcon": true
       }
     }), Vue.h(PlaceCircle, {
       "attrs": {
         "position": to,
-        "label": toPlace.name,
+        "label": toPlace.displayName,
         "hideIcon": true
       }
     }), Vue.h(FitViewOnce, {
@@ -4814,6 +6468,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
       carPosition,
       carAngle,
       passengerPosition,
+      passengerAngle,
       renderTitle,
       registerOverlay
     } = props;
@@ -4823,6 +6478,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
     return Vue.h("div", [Vue.h(ConditionalFittablePassengerCircle, {
       "attrs": {
         "position": passengerPosition,
+        "angle": passengerAngle,
         "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
         "registerOverlay": registerOverlay
       }
@@ -4835,7 +6491,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
     }), Vue.h(PlaceCircle, {
       "attrs": {
         "position": from,
-        "label": fromPlace.name,
+        "label": fromPlace.displayName,
         "hideIcon": true
       }
     }), !carPosition || !carDistance ? null : carDistance > CAR_DISTANCE_MIN ? Vue.h(DrivingRoute, {
@@ -4915,6 +6571,7 @@ const SectionBookDispatched = defineSetup(function SectionBookDispatched2(props)
       from: fromPlace,
       to: toPlace,
       passengerPosition,
+      passengerAngle,
       registerOverlay
     } = props;
     const from = place2point(fromPlace);
@@ -4947,6 +6604,7 @@ const SectionBookDispatched = defineSetup(function SectionBookDispatched2(props)
     }), Vue.h(ConditionalFittablePassengerCircle, {
       "attrs": {
         "position": passengerPosition,
+        "angle": passengerAngle,
         "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
         "registerOverlay": registerOverlay
       }
@@ -4965,13 +6623,13 @@ const SectionBookDispatched = defineSetup(function SectionBookDispatched2(props)
     }), Vue.h(PlaceCircle, {
       "attrs": {
         "position": from,
-        "label": fromPlace.name,
+        "label": fromPlace.displayName,
         "hideIcon": true
       }
     }), Vue.h(PlaceCircle, {
       "attrs": {
         "position": to,
-        "label": toPlace.name,
+        "label": toPlace.displayName,
         "hideIcon": true
       }
     }), Vue.h(FitViewOnce, {
@@ -4991,6 +6649,7 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
       carPosition,
       carAngle,
       passengerPosition,
+      passengerAngle,
       title,
       registerOverlay
     } = props;
@@ -5011,6 +6670,7 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
     }), Vue.h(ConditionalFittablePassengerCircle, {
       "attrs": {
         "position": passengerPosition,
+        "angle": passengerAngle,
         "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
         "registerOverlay": registerOverlay
       }
@@ -5035,7 +6695,7 @@ const SectionDriverArrived = defineSetup(function SectionDriverArrived2(props) {
     }), Vue.h(PlaceCircle, {
       "attrs": {
         "position": from,
-        "label": fromPlace.name,
+        "label": fromPlace.displayName,
         "hideIcon": true
       }
     }), Vue.h(FitViewOnce, {
@@ -5117,7 +6777,7 @@ const SectionInService = defineSetup(function SectionInService2(props) {
     }), Vue.h(PlaceCircle, {
       "attrs": {
         "position": to,
-        "label": toPlace.name,
+        "label": toPlace.displayName,
         "hideIcon": true
       }
     }), Vue.h(FitViewOnce, {
@@ -5151,13 +6811,13 @@ const SectionCanceled = defineSetup(function SectionCanceled2(props) {
     }), Vue.h(PlaceCircle, {
       "attrs": {
         "position": from,
-        "label": fromPlace.name,
+        "label": fromPlace.displayName,
         "hideIcon": true
       }
     }), Vue.h(PlaceCircle, {
       "attrs": {
         "position": to,
-        "label": toPlace.name,
+        "label": toPlace.displayName,
         "hideIcon": true
       }
     }), Vue.h(FitViewOnce, {
@@ -5204,13 +6864,13 @@ const SectionEndService = defineSetup(function SectionEndService2(props) {
     }), Vue.h(PlaceCircle, {
       "attrs": {
         "position": from,
-        "label": fromPlace.name,
+        "label": fromPlace.displayName,
         "hideIcon": true
       }
     }), Vue.h(PlaceCircle, {
       "attrs": {
         "position": to,
-        "label": toPlace.name,
+        "label": toPlace.displayName,
         "hideIcon": true
       }
     }), Vue.h(FitViewOnce, {
@@ -5266,16 +6926,25 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
   const {
     interval,
     registerOverlay,
-    mapRef,
+    mapRef: outerSetMap,
     getDriverPosition,
     renderStartSerivceTitle,
     renderInServiceTitle
   } = props;
   const deferedSetFitView = pipeDefer(registerOverlay.setFitView);
+  const {
+    setMap,
+    mapElementRef
+  } = useHeycarMap();
   const {
     geoPosition,
     geoError
   } = useGeoLocation();
+  const {
+    orientation
+  } = useDeviceOrientation({
+    elementRef: mapElementRef
+  });
   const carPositionRef = Vue.ref();
   const carAngleRef = Vue.ref();
   const {
@@ -5316,11 +6985,12 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
     const carAngle = carAngleRef.value;
     const touchEnable = !["canceled", "canceling", "completed", "endService", "waitpay", "waitRechargePay", "refund", "rechargePayed", "payed"].includes(driverStatus);
     const passengerPosition = geoError.value ? void 0 : geoPosition.value;
+    const passengerAngle = orientation.cssRotationVariableName;
     return Vue.h(HeycarMap, {
       "attrs": {
         "center": place2point(from),
         "zoom": 13,
-        "mapRef": mapRef,
+        "mapRef": combineHandler(outerSetMap, setMap),
         "touchEnable": touchEnable
       },
       "on": {
@@ -5343,6 +7013,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
         "from": from,
         "to": to,
         "passengerPosition": passengerPosition,
+        "passengerAngle": passengerAngle,
         "registerOverlay": registerOverlay
       }
     }) : driverStatus === "dispatched" || driverStatus === "driverStartService" || driverStatus === "book-driverStartService" ? Vue.h(SectionDriverStartService, {
@@ -5351,6 +7022,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
         "carPosition": carPosition,
         "carAngle": carAngle,
         "passengerPosition": passengerPosition,
+        "passengerAngle": passengerAngle,
         "renderTitle": renderStartSerivceTitle,
         "registerOverlay": registerOverlay
       }
@@ -5359,6 +7031,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
         "from": from,
         "to": to,
         "passengerPosition": passengerPosition,
+        "passengerAngle": passengerAngle,
         "registerOverlay": registerOverlay
       }
     }) : driverStatus === "inService" ? Vue.h(SectionInService, {
@@ -5375,6 +7048,7 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
         "carPosition": carPosition,
         "carAngle": carAngle,
         "passengerPosition": passengerPosition,
+        "passengerAngle": passengerAngle,
         "title": driverArrivedTitle,
         "registerOverlay": registerOverlay
       }
@@ -5414,10 +7088,12 @@ const useBusinessRecomendPlaceMap = () => {
   const centerPlace = Vue.reactive({
     lng: 0,
     lat: 0,
-    name: ""
+    name: "",
+    displayName: ""
   });
   const placeCandidates = Vue.ref([]);
   const { apiMapDistance } = useMapGeometry();
+  const { inChina } = useMapInChina();
   const panToGeoPositionByRecomend = (value) => mapContext.panToGeoPositionByRecomend(value);
   const setCenterPlaceByUserSpecified = (value) => mapContext.setCenterPlaceByUserSpecified(value);
   const mapContext = {
@@ -5440,7 +7116,8 @@ const useBusinessRecomendPlaceMap = () => {
     placeCandidates,
     panToGeoPositionByRecomend,
     setCenterPlaceByUserSpecified,
-    apiMapDistance
+    apiMapDistance,
+    apiMapInChina: inChina
   };
 };
 const useBusinessTaxiServiceMap = () => {