生活圈地图切换重新加载点位跟tab不对应问题，地图首次不加载大概率是因为接口返回的空数据抛异常了

src/views/livingCircle/index.vue

@@ -29,7 +29,7 @@
                 style="z-index: 10px;" :popup-background-color="'#F6F7F9'">
                 <div class="container">
 
-                    <div v-for="(item, index) in tableList" :key="index" class="map_item flex flex-center-i"
+                    <div v-for="(item, index) in propList" :key="index" class="map_item flex flex-center-i"
                         @click="toDetail(item)">
                         <img :src="item.attrs && item.attrs.length > 0 ? item.attrs[0].url : 'https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/internal/20240927/087bb3a330a6494b9b09b5341c309ced.png'"
                             class="left_image" />
@@ -76,7 +76,6 @@ export default {
             showModalDetail: false,
             PublicityList: [],
             tagList: [{ name: '全部', value: 0 }, { name: '我的社区', value: 1 }, { name: '教育培训', value: 4 }, { name: '医疗卫生', value: 5 }, { name: '商业服务', value: 6 }, { name: '文化体育', value: 7 }, { name: '金融电邮', value: 8 }, { name: '其他', value: 9 },],
-            tagActive: 'new',
             tagId: null,
             pageSize: 5,
             pageNo: 1,
@@ -87,8 +86,9 @@ export default {
             searchValue: "",
             longitude: "",
             latitude: "",
-            showModal: false
-
+            showModal: false,
+            propList:[],
+            selectedTab:''
         };
     },
     created() {
@@ -103,22 +103,33 @@ export default {
     methods: {
         onTabChange(index) {
             const selectedTab = this.tagList[index];
-            this.tableList = this.tableList.filter(item => item.type === selectedTab.name)
-            this.loadMarkers(this.tableList)
+            this.selectedTab = selectedTab
+            const newArray = this.tableList.map(item => {
+            if ( item.type === selectedTab.name) {
+                return item; // 只有满足条件的项才会被返回
+            }
+            }).filter(item => item !== undefined);
+            this.loadMarkers(newArray)
         },
         //关闭
         onClose() {
             this.showModal = false,
             this.showModalDetail = false
-            this.sphereLifeSearchList()
-
         },
         //查看生活圈列表
         selectMap() {
             this.showModal = true
             this.showModalDetail = true
-            console.log(this.showModal);
-
+            if(this.selectedTab.name === '全部'){
+                this.propList = this.tableList
+            }else{
+                this.propList = this.tableList.map(item => {
+                if ( item.type === this.selectedTab.name) {
+                    return item; // 只有满足条件的项才会被返回
+                }
+                }).filter(item => item !== undefined);
+            }
+            
         },
         async initMap() {
             const map = new qq.maps.Map(document.getElementById('content1'), {
@@ -174,6 +185,7 @@ export default {
                 const lng = position.lng; // 经度
                 this.longitude = position.lng
                 this.latitude = position.lat
+                console.log(this,'sssss');
                 this.sphereLifeSearchList()//获取讯息列表
                 // map.setCenter(new qq.maps.LatLng(lat, lng)); // 设置地图中心为用户位置
             }, (error) => {
@@ -195,10 +207,9 @@ export default {
                 lat: this.latitude,//'36.098056'
                 name: searchKey || ''
             }
-            console.log(parm, "sdflksdjflkjdsfk");
 
             let res = await sphereLifeSearchList(parm)
-            if (res.code === 0) {
+            if (res.code === 0 && res.data) {
                 this.loading = false;
                 this.tableList = res.data.map(item => {
                     if (item.latitude) {
@@ -207,8 +218,6 @@ export default {
                     }
 
                 })
-                console.log(this.tableList, '生活圈列表');
-
             }
             await this.loadMarkers(res.data);
         },