diff --git a/project/pengliuyang/apps/AppCommunityResource/components/img/fire-icon-active.png b/project/pengliuyang/apps/AppCommunityResource/components/img/fire-icon-active.png
new file mode 100644
index 00000000..a2c7c1d9
Binary files /dev/null and b/project/pengliuyang/apps/AppCommunityResource/components/img/fire-icon-active.png differ
diff --git a/project/pengliuyang/apps/AppCommunityResource/components/img/fire-icon.png b/project/pengliuyang/apps/AppCommunityResource/components/img/fire-icon.png
new file mode 100644
index 00000000..9fa89ec4
Binary files /dev/null and b/project/pengliuyang/apps/AppCommunityResource/components/img/fire-icon.png differ
diff --git a/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue b/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue
index f804fb5b..bda173a7 100644
--- a/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue
+++ b/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue
@@ -1,130 +1,30 @@
 <template>
-  <div v-if="!hasCommunityId" class="map">
-    <div id="map" ref="rootmap" @click="hidePopup"/>
+  <div class="map">
+    <div id="map" ref="rootmap" />
     <div class="map-area">
-      <div class="map-area__container">
-        <div class="map-area__left">
-          <div class="left">
-            <i class="iconfont iconLocation"></i>
-            <span>{{ areaName }}</span>
-          </div>
-          <!-- <el-input placeholder="请选择资源种类" v-model="community"
-                    @focus="isShowSearch = true, isShowArea = false"></el-input> -->
-           <el-select v-model="type" placeholder="请选择资源种类">
-            <el-option
-              v-for="item in typeList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
-            </el-option>
-          </el-select>
-          <i class="search-icon iconfont iconSearch" @click="search(false)"></i>
-        </div>
-      </div>
-      <div class="search-result" v-if="isShowSearch && searchList.length">
-        <div class="search-result__item" v-for="(item, index) in searchList" :key="index"
-             @click="chooseCommunity(item)">
-          <i class="search-icon iconfont iconLocation"></i>
-          <h2>{{ item.residentName }}</h2>
-          <span>{{ item.createAddress }}</span>
-        </div>
-      </div>
+      <ai-area-get v-model="areaId" :instance="instance" :root="user.info.areaId" @select="handleAreaSelect"></ai-area-get>
+      <el-select v-model="type" placeholder="请选择资源种类" size="small" :clearable="true" style="width:150px;" @change="getResourceListInit">
+        <el-option
+          v-for="item in typeList"
+          :key="item.id"
+          :label="item.categoryName"
+          :value="item.id">
+        </el-option>
+      </el-select>
     </div>
     <div class="community-info" v-show="isShowInfo">
-      <div class="community-info__close" title="关闭" @click="info = {}, isShowInfo = false, chooseBuildId='',toCenter()">
+      <div class="community-info__close" title="关闭" @click="info = {}, isShowInfo = false, chooseResourceId='',toCenter()">
         <i class="iconClean iconfont"></i>
       </div>
       <div class="community-info__header">
-        <h2>{{ info.createAddress }}</h2>
-        <div>{{ info.lng }},{{ info.lat }}</div>
+        <h2>{{info.resourceName}}<span>{{info.categoryName}}</span></h2>
+        <div>{{info.areaName}}{{info.address}}</div>
       </div>
       <div class="community-info__wrapper">
-        <h2>房屋信息</h2>
-        <div class="community-info__item">
-          <label>所属社区</label>
-          <span>{{ info.areaName }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>所属小区</label>
-          <span>{{ info.communityName }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>房屋类型</label>
-          <span>{{ dict.getLabel("communityBuildingType", info.buildingType) }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>楼长姓名</label>
-          <span>{{ info.managerName }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>楼长电话</label>
-          <span>{{ info.managerPhone }}</span>
-        </div>
-      </div>
-
-      <div class="community-info__wrapper" v-if="resident">
-        <h2>人员信息</h2>
-        <div class="community-info__item">
-          <label>姓名</label>
-          <span style="color:#2266FF;">{{ resident.name }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>所属单元</label>
-          <span>{{ house.unitNumber }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>房号</label>
-          <span>{{ house.houseCode }}</span>
-        </div>
-        <div class="community-info__item">
-          <label>联系方式</label>
-          <span>{{ resident.phone }}</span>
-        </div>
-      </div>
-
-      <!--        <div class="community-info__wrapper community-info__wrapper&#45;&#45;last">-->
-      <!--          <h2>人员信息</h2>-->
-      <!--          <div class="community-info__item" v-for="(item, index) in info.residents" :key="index">-->
-      <!--            <label>{{ item.name }}</label>-->
-      <!--            <span :style="{color: item.householdName === '1' ? '#2266FF' : '#333'}">{{-->
-      <!--                item.householdName === '1' ? '户主' : dict.getLabel('householdRelation', item.householdRelation) || '-'-->
-      <!--              }}</span>-->
-      <!--          </div>-->
-      <!--        </div>-->
-      <div class="community-btn">
-        <el-button icon="iconfont iconloudongmoxing" size="small"
-                   @click="$router.push({query: {communityId: info.communityId, buildingId: info.id,unitNum:house ? house.unitNumber : 1,buildingNumber:info.buildingNumber}})">
-          楼栋模型
-        </el-button>
-      </div>
-    </div>
-    <div class="map-menu">
-      <div class="map-menu__item">
-        <div class="map-layers__wrapper">
-          <div class="map-layers">
-            <div class="map-layers__item" @click="switchLayer(false)"
-                 :class="[!isImageMap ? 'map-layers__item-active' : '']">
-              <img src="https://cdn.cunwuyun.cn/AppCommunityMap/dz.png" alt="">
-              <div class="map-layers__item--tag" :class="[!isImageMap ? 'map-layers__item--tag-active' : '']">地图</div>
-            </div>
-            <div class="map-layers__item" @click="switchLayer(true)"
-                 :class="[isImageMap ? 'map-layers__item-active' : '']">
-              <img src="https://cdn.cunwuyun.cn/AppCommunityMap/yx.png" alt="">
-              <div class="map-layers__item--tag" :class="[isImageMap ? 'map-layers__item--tag-active' : '']">卫星</div>
-            </div>
-          </div>
-        </div>
-        <i class="iconfont iconEarth"></i>
-      </div>
-      <div class="map-menu__item" @click="changeZoom(true)">
-        <i class="iconfont iconfangda"></i>
-      </div>
-      <div class="map-menu__item" @click="changeZoom()">
-        <i class="iconfont iconsuoxiao"></i>
+        <div class="community-info__item">{{info.information}}</div>
       </div>
     </div>
   </div>
-  <building-statistics :instance="instance" :dict="dict" v-else/>
 </template>
 
 <script>
@@ -146,75 +46,32 @@ export default {
   data() {
     return {
       map: null,
-      community: '',
-      isShowLayer: false,
-      isShowSearch: false,
-      isShowArea: false,
-      styleFunction: null,
-      areaData: {},
-      isImageMap: false,
-      isShowInfo: false,
       areaId: '',
       areaName: '',
-      list: [],
-      areaList: [],
-      info: {},
-      resident: null,
       satellite: null,
       zoom: 11,
-      chooseBuildId: '',
-      buildList: [],
-      searchList: [],
-      house: null,
       center: [],
+      info: {},
       mapLib: null,
-
       type: '',
-      typeList: [
-        {
-          value: '选项1',
-          label: '黄金糕'
-        }, {
-          value: '选项2',
-          label: '双皮奶'
-        }, {
-          value: '选项3',
-          label: '蚵仔煎'
-        }
-      ],
+      typeList: [],
+      fireIcon: require('./img/fire-icon.png'),
+      fireIconActive: require('./img/fire-icon-active.png'),
+      isShowInfo: false,
+      resourceList: [],
+      chooseResourceId: ''
     }
   },
   computed: {
     ...mapState(['user']),
-    hasCommunityId() {
-      return !!this.$route.query?.communityId
-    }
-  },
-
-  watch: {
-    community: {
-      deep: true,
-      handler() {
-        this.debounce(this.search, 500)
-      }
-    },
-    hasCommunityId(v) {
-      if (!v) {
-        this.getCorpLocation()
-      }
-    }
-  },
-
-  created() {
-    this.dict.load('householdRelation', 'communityBuildingType')
   },
 
   mounted() {
     this.areaId = this.user.info.areaId
     this.areaName = this.user.info.areaName
-    if (!this.hasCommunityId) {
-      this.getCorpLocation()
-    }
+    this.getTypeList()
+    this.getCorpLocation()
+    
   },
 
   methods: {
@@ -237,73 +94,6 @@ export default {
       this.timer = setTimeout(fn, wait)
     },
 
-    search() {
-      this.isShowArea = false
-      this.instance.post('/app/appcommunityhouseinfo/queryHouseByName', null, {
-        params: {
-          current: 1,
-          size: 20,
-          areaId: this.user.info.areaId,
-          name: this.community
-        }
-      }).then(res => {
-        if (res.code === 0) {
-          if (res.data.length) {
-            this.searchList = res.data
-          } else {
-            this.$message.error('未搜索到结果')
-            this.searchList = []
-          }
-        }
-      })
-    },
-
-    getBuildInfo(id) {
-      this.instance.post(`/app/appcommunityhouseinfo/queryDetailByIdWithBuilding`, null, {
-        params: {
-          buildId: id
-        }
-      }).then(res => {
-        if (res.code === 0) {
-          this.info = res.data.build
-          this.resident = null;
-          this.$nextTick(() => {
-            this.isShowInfo = true
-          })
-        }
-      })
-    },
-
-    chooseCommunity(item) {
-      this.instance.post(`/app/appcommunityhouseinfo/queryDetailByIdWithBuilding`, null, {
-        params: {
-          buildId: item.buildingId,
-          houseId: item.id,
-          residentId: item.residentId
-        }
-      }).then(res => {
-        if (res.code === 0) {
-          if (!res.data.build?.lng || !res.data.build?.lat) {
-            this.isShowInfo = true
-            this.isShowSearch = false
-            this.info = res.data.build;
-            return this.$message.error('未获取到该房屋坐标信息')
-          } else {
-            this.chooseBuildId = res.data.build.id
-            this.house = res.data.house
-            this.resident = res.data.resident;
-          }
-
-          this.map.setZoomAndCenter(18, [res.data.build?.lng, res.data.build?.lat], false, 600)
-          this.info = res.data.build
-          this.$nextTick(() => {
-            this.isShowSearch = false
-            this.isShowInfo = true
-          })
-        }
-      })
-    },
-
     toCenter() {
       this.map.setZoomAndCenter(this.zoom, this.center, false, 600)
     },
@@ -326,32 +116,28 @@ export default {
     },
 
     renderMarker(context) {
-      const buildId = context.data[0].id
-
-      let el = `<div class="mark" id="buildId-${buildId}" style="${buildId === this.chooseBuildId ? 'background-color:#2266FF' : ''}">
-         <div class="mark-contaienr">
-            <span>${context.data[0].communityName}</span>&nbsp;&nbsp;
-            <span>${context.data[0].buildingNumber}栋</span>
-          </div>
-        <div class="arrow" style="${buildId === this.chooseBuildId ? 'border-top-color: #2266FF' : ''}"></div>
-      </div>`
+      const resourceId = context.data[0].id
+      
+      let el = `<img src="${resourceId === this.chooseResourceId ? this.fireIconActive : this.fireIcon}" style="${resourceId === this.chooseResourceId ? 'width:40px;height:40px;' : 'width:28px;height:28px;'}" id="resourceId-${resourceId}" class="mark-icon" />`
 
       context.marker.setContent(el);
       context.marker.setAnchor("center")
-      context.marker.id = `${buildId}`
+      context.marker.id = `${resourceId}`
       context.marker.lnglat = context.data[0].lnglat
 
       context.marker.on('click', e => {
-        this.chooseBuildId = e.target.id
-        this.getBuildInfo(e.target.id)
+        this.chooseResourceId = e.target.id
+        this.getResourceInfo(e.target.id)
         context.marker.setContent(el);
-        document.querySelectorAll('.mark').forEach(el => {
-          el.style['background-color'] = '#0F8F64'
-          el.querySelector('.arrow').style['border-top-color'] = '#0F8F64'
+        document.querySelectorAll('.mark-icon').forEach(el => {
+          el.style['width'] = '28px'
+          el.style['height'] = '28px'
+          el.src = this.fireIcon
         })
-        document.querySelector(`#buildId-${e.target.id}`).style['background-color'] = '#2266FF'
-        document.querySelector(`#buildId-${e.target.id}`).querySelector('.arrow').style['border-top-color'] = '#2266FF'
-        // this.map.setZoomAndCenter(this.map.getZoom() + 2 + 0.00001, e.target.lnglat, false, 300)
+        document.querySelector(`#buildId-${e.target.id}`).style['width'] = '40px'
+        document.querySelector(`#buildId-${e.target.id}`).style['height'] = '40px'
+        document.querySelector(`#buildId-${e.target.id}`).src = this.fireIconActive
+
       })
     },
 
@@ -365,43 +151,6 @@ export default {
         renderMarker: this.renderMarker
       })
     },
-
-    getCommunityList() {
-      this.instance.post('/app/appcommunitybuildinginfo/list', null, {
-        params: {
-          current: 1,
-          size: 1000000
-        }
-      }).then(res => {
-        if (res?.data) {
-          this.buildList = res.data.records
-          const points = res.data.records.map(item => {
-            return {
-              lnglat: [item.lng, item.lat],
-              id: item.id,
-              corpId: item.corpId,
-              areaName: item.areaName,
-              buildingNumber: item.buildingNumber,
-              communityName: item.communityName
-            }
-          })
-          this.addMakert(points)
-        }
-      })
-    },
-    hidePopup() {
-      this.isShowArea = false
-      this.isShowSearch = false
-    },
-    switchLayer(flag) {
-      if (flag) {
-        this.map.addLayer(this.satellite)
-      } else {
-        this.map.removeLayer(this.satellite)
-      }
-
-      this.isImageMap = flag
-    },
     initMap({lng, lat}) {
       this.center = [lng, lat];
       AMapLoader.load({
@@ -421,24 +170,62 @@ export default {
           zoom: this.zoom
         })
         this.satellite = new AMap.TileLayer.Satellite()
-        this.getCommunityList()
+        this.getResourceList()
       })
-    }
+    },
+    getTypeList() {
+      this.instance.post(`/app/appresourcecategory/list?current=1&size=1000&areaId=${this.user.info.areaId}`).then(res => {
+        if (res.code == 0) {
+          // this.initMap(res.data);
+          this.typeList = res.data.records
+        }
+      })
+    },
+    getResourceListInit() {
+      this.isShowInfo = false
+      this.getResourceList()
+    },
+    getResourceList() {
+      this.instance.post(`/app/appresourceinfo/listAll`, null, {
+        params: {
+          current: 1,
+          size: 1000000,
+          // areaId: this.areaId,
+          categoryId: this.type
+        }
+      }).then(res => {
+        if (res?.data) {
+          this.resourceList = res.data
+          const points = res.data.map(item => {
+            return {
+              lnglat: [item.lng, item.lat],
+              id: item.id,
+              corpId: item.corpId,
+              areaName: item.areaName,
+            }
+          })
+          this.addMakert(points)
+        }
+      })
+    },
+    getResourceInfo(id) {
+      this.instance.post(`/app/appresourceinfo/listAll?id=${id}`,).then(res => {
+        if (res?.data) {
+          this.info = res.data[0]
+          this.$nextTick(() => {
+            this.isShowInfo = true
+          })
+        }
+      })
+    },
+    handleAreaSelect(v) {
+      this.areaId = v?.[0]?.label
+    },
   }
 }
 </script>
 
 <style lang="scss" scoped>
-.no-more {
-  display: block;
-  height: 60px;
-  line-height: 60px;
-  margin-top: 2px;
-  text-align: center;
-  font-size: 12px;
-  color: #999;
-  width: 100%;
-}
 
 ::v-deep .ai-list__content--right-wrapper {
   height: 100%;
@@ -447,7 +234,6 @@ export default {
   box-shadow: none !important;
 }
 
-
 .map {
   ::v-deep .amap-logo, ::v-deep .amap-copyright {
     display: none !important;
@@ -464,229 +250,6 @@ export default {
   }
 }
 
-.community-btn {
-  margin: 16px auto 20px;
-  text-align: center;
-}
-
-.community-info__star {
-  margin-top: 4px;
-  margin-bottom: 8px;
-
-  .community-info__star--content {
-    display: flex;
-    align-items: center;
-    height: 36px;
-    padding: 0 12px;
-    color: #666666;
-    font-size: 12px;
-
-    span {
-      flex: 1;
-      text-align: center;
-
-      &:first-child {
-        text-align: left;
-      }
-
-      &:last-child {
-        text-align: right;
-      }
-    }
-
-    &:nth-of-type(2n) {
-      background: #fff;
-    }
-  }
-
-  .community-info__star--tab {
-    display: flex;
-    align-items: center;
-    height: 36px;
-    padding: 0 12px;
-    user-select: none;
-    background: #fff;
-
-    span {
-      height: 100%;
-      line-height: 36px;
-      color: #999999;
-      font-size: 12px;
-      font-weight: 700;
-      cursor: pointer;
-      border-bottom: 2px solid transparent;
-
-      &:first-child {
-        margin-right: 16px;
-      }
-
-      &.star-active {
-        color: #2266FF;
-        border-bottom: 2px solid #2266FF;
-      }
-    }
-  }
-}
-
-.community-info__item--imgs {
-  display: block !important;
-  height: auto !important;
-
-  label {
-    height: 36px;
-    line-height: 36px;
-  }
-
-  .community-info__item--img {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    padding-bottom: 10px;
-    overflow: hidden;
-
-    img {
-      width: 69px;
-      height: 69px;
-      margin-right: 4px;
-      margin-bottom: 4px;
-      cursor: pointer;
-
-      &:nth-of-type(4n) {
-        margin-right: 0;
-      }
-
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-  }
-}
-
-.map-menu {
-  position: absolute;
-  bottom: 52px;
-  left: 30px;
-  z-index: 11;
-
-  .map-layers__wrapper {
-    display: none;
-    position: absolute;
-    bottom: 28px;
-    left: 0;
-    padding-bottom: 4px;
-  }
-
-  .map-layers {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 180px;
-    height: 66px;
-    margin-bottom: 4px;
-    padding: 5px;
-    background: #FFFFFF;
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
-    border-radius: 2px;
-
-    .map-layers__item {
-      position: relative;
-      width: 80px;
-      height: 56px;
-      margin-right: 10px;
-      cursor: pointer;
-      user-select: none;
-      border: 1px solid transparent;
-
-      &.map-layers__item-active {
-        border: 1px solid #366FFF;
-      }
-
-      .map-layers__item--tag {
-        position: absolute;
-        right: 0;
-        bottom: 0;
-        width: 32px;
-        height: 18px;
-        line-height: 18px;
-        text-align: center;
-        color: #fff;
-        font-size: 12px;
-        border: 1px solid transparent;
-        background: transparent;
-
-        &.map-layers__item--tag-active {
-          background: #366FFF;
-        }
-      }
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-  }
-
-  .map-menu__item {
-    display: flex;
-    position: relative;
-    align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    margin-bottom: 10px;
-    background: #FFFFFF;
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
-    border-radius: 2px;
-    cursor: pointer;
-    user-select: none;
-
-    &:hover {
-      .map-layers__wrapper {
-        display: block;
-      }
-    }
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    i {
-      font-size: 16px;
-      color: #89b;
-    }
-  }
-}
-
-.switch-layer {
-  position: absolute;
-  bottom: 4.6em;
-  left: .56em;
-  z-index: 11;
-  width: 29px;
-  height: 29px;
-  padding: 3px;
-  color: #fff;
-  background-color: rgba(255, 255, 255, 0.4);
-  border-radius: 4px;
-  cursor: pointer;
-
-  .switch-layer__wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    background-color: rgba(0, 60, 136, 0.5);
-
-    &:hover {
-      background-color: rgba(0, 60, 136, 0.7);
-    }
-  }
-}
-
 .map {
   position: relative;
   width: 100%;
@@ -709,213 +272,18 @@ export default {
   }
 }
 
-.community {
-  display: flex;
-  align-items: center;
-  position: relative;
-  height: 28px;
-  padding: 0 10px;
-  background: #0F8F64;
-  border-radius: 26px;
-  color: #fff;
-  font-size: 12px;
-  cursor: pointer;
-
-  &.color1 {
-    background: #2266FF;
-
-    em:after {
-      border-top-color: #2266FF !important;
-    }
-  }
-
-  &.color2 {
-    background: #F46159;
-
-    em:after {
-      border-top-color: #F46159 !important;
-    }
-  }
-
-  em {
-    position: absolute;
-    bottom: -6px;
-    left: 50%;
-    transform: translate(-50%, 0);
-
-    &::after {
-      position: absolute;
-      bottom: -6px;
-      left: 0;
-      width: 0;
-      height: 0;
-      border: 6px solid #0F8F64;
-      border-bottom-color: transparent;
-      border-left-color: transparent;
-      border-right-color: transparent;
-      transform: translate(-50%, 0);
-      overflow: hidden;
-      content: ' ';
-    }
-  }
-
-  i {
-    padding-right: 2px;
-    position: relative;
-    color: #ffc928;
-    font-size: 16px;
-    font-style: normal;
-  }
-}
-
-::v-deep .polymeric {
-  display: flex;
-  position: relative;
-  align-items: center;
-  justify-content: center;
-  width: 62px;
-  height: 62px;
-  border-radius: 50%;
-  cursor: pointer;
-  user-select: none;
-
-  &.polymeric-active {
-    .polymeric-container {
-      background: #F46159;
-    }
-
-    &::after {
-      background-color: #F46159;
-    }
-  }
-
-  &::after {
-    position: absolute;
-    z-index: -1;
-    width: 62px;
-    height: 62px;
-    border-radius: 50%;
-    -webkit-animation: warn 1s ease-out 0s infinite;
-    animation: warn 1s ease-out 0s infinite;
-    background-color: rgba(15, 143, 100, 1);
-    transform: translate(-50%, -50%);
-    content: " ";
-  }
-
-  .polymeric-container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    width: 62px;
-    height: 62px;
-    border-radius: 50%;
-    background: rgba(15, 143, 100, 1);
-
-    p {
-      text-align: center;
-      width: 58px;
-      color: #fff;
-      font-size: 18px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    p:first-child {
-      font-size: 14px;
-    }
-
-    h2 {
-      color: #fff;
-      font-weight: normal;
-      font-size: 12px;
-    }
-  }
-}
-
-::v-deep .mark {
-  user-select: none;
-  cursor: pointer;
-  height: 32px;
-  border-radius: 26px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #0F8F64;
-  box-sizing: border-box;
-  padding: 0 12px;
-
-  .mark-contaienr {
-    color: white;
-    font-size: 14px;
-    position: relative;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .arrow {
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    bottom: -21px;
-    width: 0;
-    height: 0;
-    border: 12px solid transparent;
-    border-top: 12px solid #0F8F64;
-  }
-
-}
-
-@-webkit-keyframes warn {
-  0% {
-    transform: scale(.5);
-    opacity: 1
-  }
-
-  30% {
-    opacity: .5
-  }
-
-  to {
-    transform: scale(1.8);
-    opacity: 0
-  }
-}
-
-@keyframes warn {
-  0% {
-    transform: scale(.5);
-    opacity: 1
-  }
-
-  30% {
-    opacity: .5
-  }
-
-  to {
-    transform: scale(1.4);
-    opacity: 0
-  }
-}
-
 .community-info {
   position: absolute;
-  top: 58px;
+  top: 20px;
   right: 10px;
-  width: 320px;
-  height: calc(100% - 117px);
+  width: 280px;
+  max-height: calc(100% - 117px);
   overflow-y: auto;
   overflow-x: hidden;
   z-index: 111;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
   border-radius: 2px;
-  background: #F3F6F9;
+  background: #fff;
 
   .community-info__close {
     position: absolute;
@@ -923,7 +291,7 @@ export default {
     top: 0;
     padding: 16px 12px 0 12px;
     font-size: 16px;
-    color: #fff;
+    color: #26f;
     cursor: pointer;
 
     &:hover {
@@ -942,239 +310,55 @@ export default {
   }
 
   .community-info__header {
-    min-height: 92px;
     padding: 12px;
-    background: #2266FF;
-
+    border-bottom: 1px solid #eee;
     h2 {
-      max-width: 260px;
-      margin: 0;
-      color: #fff;
-      font-size: 18px;
-      font-weight: 500;
-      margin-bottom: 20px;
+      font-family: MicrosoftYaHeiS0pxibold;
+      font-size: 16px;
+      color: #333;
+      text-align: justify;
+      line-height: 20px;
     }
 
     div {
-      display: flex;
-      align-items: center;
-      color: #D2E0FF;
+      height: 16px;
+      font-family: MicrosoftYaHei;
       font-size: 12px;
+      color: #999;
+      margin-top: 9px;
     }
 
     span {
-      display: block;
-      margin-top: 4px;
-      font-style: normal;
-      color: #D2E0FF;
-      font-size: 12px;
-    }
-  }
-
-  .community-info__table {
-    margin: 4px 0;
-    font-size: 0;
-
-    .community-info__table--item {
       display: inline-block;
-      width: 25%;
+      width: 64px;
+      height: 22px;
+      text-align: center;
+      line-height: 22px;
+      background: #E8EFFF;
+      border-radius: 2px;
+      font-family: MicrosoftYaHei;
       font-size: 12px;
-      color: #333;
-
-      span {
-        display: block;
-        width: 80px;
-        height: 48px;
-        padding: 8px 10px;
-        text-align: center;
-        box-sizing: border-box;
-        background: #fff;
-        border-bottom: 1px solid #DEE6F3;
-        border-right: 1px solid #DEE6F3;
-      }
-
-      h2 {
-        width: 80px;
-        height: 40px;
-        line-height: 40px;
-        font-size: 12px;
-        text-align: center;
-        font-weight: normal;
-        box-sizing: border-box;
-        background: #F3F6F9;
-        border-bottom: 1px solid #DEE6F3;
-        border-right: 1px solid #DEE6F3;
-      }
-
-      &:last-child {
-        border-right: none;
-      }
+      color: #26F;
+      margin-left: 8px;
+      font-weight: 400;
     }
   }
 
   .community-info__wrapper {
-    h2 {
-      height: 36px;
-      line-height: 36px;
-      margin: 0;
-      padding: 0 12px;
-      font-size: 12px;
-      font-weight: 900;
-      background: #E3E8F1;
-    }
-
+    padding: 12px;
     .community-info__item {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 10px 12px;
+      line-height: 16px;
+      font-family: MicrosoftYaHei;
       font-size: 12px;
       color: #333;
-      background: #F3F6F9;
-
-      &:nth-of-type(2n) {
-        background: #fff;
-      }
-
-      span {
-        max-width: 70%;
-        text-align: right;
-      }
-
-      label {
-        flex-shrink: 1;
-        color: #333;
-      }
-    }
-
-    &.community-info__wrapper--last {
-      .community-info__item {
-        background: #fff;
-
-        &:nth-of-type(2n) {
-          background: #F3F6F9;
-        }
-      }
-    }
-  }
-}
-
-.map-area__list {
-  position: absolute;
-  top: 51px;
-  left: 0;
-  z-index: 111;
-  width: 320px;
-  overflow-y: auto;
-  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
-  background: #fff;
-
-  .content {
-    padding: 10px 20px;
-    font-size: 0;
-
-    h2 {
-      margin-bottom: 10px;
-      color: #5088FF;
-      font-size: 12px;
-      cursor: pointer;
-    }
-
-    span {
-      display: inline-block;
-      margin-right: 10px;
-      margin-bottom: 10px;
-      color: #333;
-      font-size: 12px;
-      cursor: pointer;
-      transition: all 0.3s ease;
-
-      &:hover {
-        color: #5088FF;
-      }
-    }
-  }
-
-  .top {
-    height: 36px;
-    line-height: 36px;
-    padding: 0 20px;
-    border-bottom: 1px solid #EEEEEE;
-
-    h2 {
-      font-weight: normal;
-      color: #666666;
-      font-size: 12px;
-    }
-  }
-}
-
-.search-result {
-  position: absolute;
-  top: 51px;
-  left: 0;
-  z-index: 111;
-  width: 360px;
-  height: 216px;
-  overflow-y: auto;
-  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
-  background: #fff;
-
-  &::-webkit-scrollbar {
-    width: 6px;
-    height: 1px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    background: rgba(144, 147, 153, .5);
-  }
-
-  .search-result__item {
-    display: flex;
-    align-items: center;
-    height: 36px;
-    padding: 0 16px;
-    cursor: pointer;
-    user-select: none;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-
-    &:hover {
-      background: #f5f7fa;
-    }
-
-    i {
-      position: relative;
-      top: 2px;
-      color: #ccc;
-      font-size: 16px;
-    }
-
-    h2 {
-      padding: 0 8px 0 10px;
-      color: #333333;
-      font-size: 14px;
-    }
-
-    span {
-      max-width: 240px;
-      color: #999999;
-      font-size: 12px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
     }
   }
 }
 
 .map-area {
   position: absolute;
-  top: 58px;
-  left: 10px;
+  top: 20px;
+  left: 20px;
   z-index: 111;
 
   .map-area__container {
@@ -1270,5 +454,10 @@ export default {
       }
     }
   }
+  ::v-deep .AiAreaGet {
+    display: inline-block;
+    width: 150px;
+    margin-right: 8px;
+  }
 }
 </style>