feats

src/components/map/index.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import Taro from '@tarojs/taro';
-import { View, Map } from '@tarojs/components';
+import { View, Map, CoverView } from '@tarojs/components';
+import { Icon } from '@antmjs/vantui'
 import { getLocation } from '@/utils/authorize';
 import iconPath from '@/assets/icons/marker.png';
 import style from './style.module.less';
@@ -18,7 +19,7 @@ export default (props) => {
     markers,
     lngLat,
   ] = React.useMemo(() => {
-    const loc = location || currentPos || '116.354259,31.415587';    
+    const loc = location || currentPos || '116.354259,31.415587';
     const [longitude, latitude] = loc.split(',');
 
     const mks = [{
@@ -35,7 +36,7 @@ export default (props) => {
       [longitude, latitude]
     ]
   }, [location, currentPos]);
-  
+
   React.useEffect(() => {
     getLocation().then((res) => {
       setCurPos([res.longitude, res.latitude].join(','));
@@ -56,14 +57,16 @@ export default (props) => {
       onLocChange(loc);
     }
   }, [location, currentPos]);
-  
+
   return (
     <View className={style['map-wrapper']}>
       <Map
         longitude={lngLat[0]}
         latitude={lngLat[1]}
         markers={markers}
-      ></Map>
+      >
+        <CoverView className={style['control']}><Icon name="aim" size="26px" color="rgb(18,183,245)" /></CoverView>
+      </Map>
     </View>
   )
 }

src/components/map/style.module.less

@@ -1,4 +1,3 @@
-
 .map-wrapper {
   width: 100%;
   height: 0;
@@ -11,5 +10,10 @@
     position: absolute;
     top: 0;
     left: 0;
+    .control {
+      position: absolute;
+      bottom: 14%;
+      right: 4%;
+    }
   }
 }