feat: 高德地图

package.json

@@ -224,6 +224,7 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@jiaminghi/data-view-react": "^1.2.5",
     "@loadable/component": "^5.16.4",
+    "@pansy/react-amap": "^2.21.0",
     "@react-spring/web": "^9.7.3",
     "@react-three/drei": "^9.107.3",
     "@react-three/fiber": "^8.16.8",

src/pages/layout/proSecNav/index.jsx

@@ -79,6 +79,7 @@ const ProSecNav = () => {
     { label: 'Mermaid', key: '/mermaid', icon: <FireOutlined /> },
     { label: 'Dynamic', key: '/dynamic', icon: <QrcodeOutlined /> },
     { label: 'BigScreen', key: '/big-screen', icon: <FireOutlined /> },
+    { label: 'ReactAmap', key: '/react-amap', icon: <QrcodeOutlined /> },
     {
       label: '技术栈',
       key: '/sub-act',

src/pages/reactAmap/index.jsx

@@ -0,0 +1,13 @@
+import React from 'react'
+import FixTabPanel from '@stateless/FixTabPanel'
+import { Map } from '@pansy/react-amap'
+
+const ReactAmap = () => (
+  <FixTabPanel>
+    <div style={{ height: 500 }}>
+      <Map center={[108.484886, 34.293777]} />
+    </div>
+  </FixTabPanel>
+)
+
+export default ReactAmap

src/routers/index.jsx

@@ -36,6 +36,7 @@ const PrismRender = lazy(() => import('@pages/prism'))
 // const Mermaid = lazy(() => import('@pages/mermaid'))
 // const DynamicModal = lazy(() => import('@pages/dynamicModal'))
 const BigScreen = lazy(() => import('@pages/bigScreen'))
+const ReactAmap = lazy(() => import('@pages/reactAmap'))
 const Exception403 = lazy(() => import('@stateless/Exception/exception403'))
 const NoMatch = lazy(() => import('@stateless/NoMatch'))
 
@@ -169,6 +170,14 @@ const rootRouter = [
         auth: false,
         element: lazyLoad(BigScreen),
       },
+      {
+        index: false,
+        path: 'react-amap',
+        name: 'react-amap',
+        key: '/react-amap',
+        auth: false,
+        element: lazyLoad(ReactAmap),
+      },
       {
         index: false,
         path: 'coupons',