添-首页-地图-自适应显示所有点位

pages/home/waterfallFlowBody/components/map/index.tsx

@@ -95,6 +95,8 @@ export default function MapComponent() {
       });
       if(markerList.length) MAP?.add(markerList);setMarkerCol([...markerList]);
     }
+    //自适应显示多个点位
+    MAP?.setFitView();
   }
   const showFlyerBitmap = async (index:number,data?:UserInfoType,pageSize?:number) => {
     const res = await api.listFlyerBitmap({
@@ -112,6 +114,8 @@ export default function MapComponent() {
       });
       if(markerList.length) MAP?.add(markerList);setMarkerCol(markerList)
     }
+        //自适应显示多个点位
+        MAP?.setFitView();
   }
   const showUavBitmap = async (index:number,data?:UserInfoType) => {
     const res = await api.listUavBitmap({
@@ -129,11 +133,12 @@ export default function MapComponent() {
       });
       if(markerList.length) MAP?.add(markerList);setMarkerCol(markerList)
     }
+    //自适应显示多个点位
+    MAP?.setFitView();
   }
     //添加点位
     const mapEntiy = async (index: number,data?:UserInfoType) => {
       MAP?.remove(markerCol);
-      
       if (index === 0) {
         showPositioningInfo(index,data)
       }else if (index === 1) {

pages/home/waterfallFlowBody/components/map/moreServicePoints/index.page.tsx

@@ -102,6 +102,8 @@ export default function MoreServicePoints() {
       if (markerList.length) MAP?.add(markerList);
       setMarkerCol([...markerList]);
     }
+            //自适应显示多个点位
+            MAP?.setFitView();
   };
   const showFlyerBitmap = async (
     index: number,
@@ -125,6 +127,8 @@ export default function MoreServicePoints() {
       if (markerList.length) MAP?.add(markerList);
       setMarkerCol(markerList);
     }
+            //自适应显示多个点位
+            MAP?.setFitView();
   };
   const showUavBitmap = async (index: number, data?: UserInfoType) => {
     const res = await api.listUavBitmap({
@@ -144,6 +148,8 @@ export default function MoreServicePoints() {
       if (markerList.length) MAP?.add(markerList);
       setMarkerCol(markerList);
     }
+    //自适应显示多个点位
+    MAP?.setFitView();
   };
   //添加点位
   const mapEntiy = async (index: number, data?: UserInfoType) => {
@@ -180,9 +186,14 @@ export default function MoreServicePoints() {
     return marker;
   };
 
-  const moveTo = (item: any) => {
-    console.log(markerCol);
-
+  const moveTo = (item: any,index:number) => {
+  //   const p = markerCol[index].getPosition()
+  //   var infoWindow = new Amap.InfoWindow({
+  //     position: p,
+  //     offset: new Amap.Pixel(20, -10),
+  //     content: item.dizhi
+  // });
+  //   infoWindow.open(MAP);
     if (item.dizhi) {
       return MAP?.setCenter([item.jd, item.wd]);
     } else if (item.flyerName || item.uavName) {
@@ -231,10 +242,10 @@ export default function MoreServicePoints() {
           <div className="left">
             <div className="left-title">服务网点</div>
             <div className="left-content">
-              {servicePoints.map((item: any) => (
+              {servicePoints.map((item: any,index:number) => (
                 <div
                   key={item.id}
-                  onClick={() => moveTo(item)}
+                  onClick={() => moveTo(item,index)}
                   className="left-content-item"
                   title={item.dizhi || item.flyerName || item.uavName}
                 >