[migrate] replace Built-in Map model with OpenReactMap's

package.json

@@ -10,12 +10,12 @@
         "iterable-observer": "^1.0.0",
         "koajax": "^0.8.6",
         "lodash": "^4.17.21",
-        "mobx": "^6.10.1",
+        "mobx": "^6.10.2",
         "mobx-i18n": "^0.4.1",
         "mobx-react": "^9.0.1",
         "mobx-restful": "^0.6.11",
         "mobx-restful-table": "^1.1.2",
-        "open-react-map": "^0.6.1",
+        "open-react-map": "^0.6.3",
         "react": "^17.0.2",
         "react-bootstrap": "^2.8.0",
         "react-dom": "^17.0.2",
@@ -28,7 +28,7 @@
         "@parcel/transformer-less": "~2.9.3",
         "@parcel/transformer-webmanifest": "~2.9.3",
         "@types/lodash": "^4.14.197",
-        "@types/node": "^18.17.12",
+        "@types/node": "^18.17.13",
         "@types/react": "^17.0.65",
         "@types/react-dom": "^17.0.20",
         "husky": "^8.0.3",

src/component/AutoMap.tsx

@@ -1,41 +1,48 @@
 import { Loading } from 'idea-react';
 import { observer } from 'mobx-react';
-import { OpenReactMap, OpenReactMapProps } from 'open-react-map';
+import {
+    AddressLocation,
+    OpenReactMap,
+    OpenReactMapModel,
+    OpenReactMapProps
+} from 'open-react-map';
 import { PureComponent } from 'react';
 
-import mapStore, { AddressLocation, MapModel } from '../model/Map';
-
 export interface AutoMapProps extends OpenReactMapProps {
     onLoad?: (
-        coordinate: MapModel['currentCoord'],
+        coordinate: OpenReactMapModel['currentLocation'],
         address: AddressLocation,
         addressText: string
     ) => any;
 }
 
 @observer
 export class AutoMap extends PureComponent<AutoMapProps> {
+    mapStore = new OpenReactMapModel();
+
     async componentDidMount() {
-        await mapStore.getAddress(...(await mapStore.getCoord()));
+        const { mapStore } = this;
+
+        await mapStore.reverse(...(await mapStore.locate()));
 
         this.props.onLoad?.(
-            mapStore.currentCoord,
-            mapStore.currentAddress,
-            mapStore.currentAddressText
+            mapStore.currentLocation,
+            mapStore.reversedAddress,
+            mapStore.reversedAddressText
         );
     }
 
     render() {
-        const { currentCoord, currentAddressText } = mapStore;
+        const { currentLocation, reversedAddressText } = this.mapStore;
 
-        return currentCoord && currentAddressText ? (
+        return currentLocation && reversedAddressText ? (
             <OpenReactMap
-                center={currentCoord}
+                center={currentLocation}
                 zoom={18}
                 markers={[
                     {
-                        position: currentCoord,
-                        tooltip: currentAddressText
+                        position: currentLocation,
+                        tooltip: reversedAddressText
                     }
                 ]}
                 {...this.props}