feat(map): 地图优化

src/global.less

@@ -60,3 +60,9 @@ ol {
     min-height: 100vh;
   }
 }
+
+// 隐藏高德 Logo
+.amap-logo,
+.amap-copyright {
+  display: none !important;
+}

src/pages/components/components/marker/index.tsx

@@ -1,12 +1,13 @@
 import React from 'react';
-import LockFilled from '@ant-design/icons/LockFilled';
+import ShopOutlined from '@ant-design/icons/ShopOutlined';
+
 import styles from './index.less';
 
 // 聚合标记点
 const Marker: React.FC = () => {
   return (
     <div className={styles.marker}>
-      <LockFilled />
+      <ShopOutlined />
     </div>
   );
 };

src/pages/components/map.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { PageContainer } from '@ant-design/pro-layout';
-import { Map, Markers } from '@pansy/react-amap';
+import { Map, Markers, ToolBar } from '@pansy/react-amap';
 import { Marker } from './components';
 import './map.less';
 
@@ -20,18 +20,15 @@ const MapComponent: React.FC = () => {
     <PageContainer>
       <div style={{ width: '100%', height: 800 }}>
         <Map zoom={5}>
+          <ToolBar liteStyle offset={[10, 95]} />
           <Markers
             markers={markers}
             useCluster={{
               renderClusterMarker: ({ count, marker }) => {
                 return marker.setContent(`<div class="map-markers">${count}</div>`);
               }
             }}
-            render={() => {
-              return (
-                <Marker />
-              )
-            }}
+            render={() => <Marker />}
           />
         </Map>
       </div>