diff --git a/src/views/DialogTabs/component/streetscape.vue b/src/views/DialogTabs/component/streetscape.vue
index 9ccce42..798d017 100644
--- a/src/views/DialogTabs/component/streetscape.vue
+++ b/src/views/DialogTabs/component/streetscape.vue
@@ -1,8 +1,9 @@
 <template>
-  <div id="streetscape">
-    <el-carousel height="150px" style="z-index: 999">
-      <el-carousel-item v-for="item in AllData.poiImages" :key="item">
-        <img :src="item.imagesUrl" />
+  <div id="streetscape"></div>
+  <div class="carouselClas">
+    <el-carousel type="card" style="z-index: 999">
+      <el-carousel-item v-for="item in AllData.poiImages" :key="item" @click="selectPoiImgUrl(item)">
+        <el-image :src="item.imagesUrl" style="width: 100%; height: 50%" />
       </el-carousel-item>
     </el-carousel>
   </div>
@@ -47,7 +48,6 @@
       query: '公交站$商场$著名景点$学校',
     },
   });
-  console.log(poiData, 'poiDatapoiDatapoiData');
   if (poiData && poiData.data.length) {
     AllData.poiData = poiData.data;
     // console.log('poiData---', poiData);
@@ -65,7 +65,6 @@
     getStreetImg();
   }
 };
-
 const a = ref('');
 //获取全景静态图
 const getStreetImg = async () => {
@@ -103,9 +102,13 @@
   AllData.panorama.setPosition(
     new BMapGL.Point(position_Street.geometry.coordinates[0], position_Street.geometry.coordinates[1])
   );
-  //searchPoiByLonlat();
+  searchPoiByLonlat();
   gcoord.transform(position_Street, gcoord.BD09, gcoord.WGS84);
 };
+//轮播图点击事件
+const selectPoiImgUrl = item => {
+  AllData.panorama.setPosition(new BMapGL.Point(item.lonlat[0], item.lonlat[1]));
+};
 
 onMounted(() => {
   initePanoramaMap();
@@ -113,10 +116,10 @@
   //   console.log('pos---', pos);
   //   // AllData.panorama.setPosition(new BMapGL.Point(pos.lng, pos.lat));
   // });
-  
-  console.log('useDialogTabs.pointLocation',useDialogTabs.pointLocation);
+
+  console.log('useDialogTabs.pointLocation', useDialogTabs.pointLocation);
   showAllStreet(useDialogTabs.pointLocation);
-  
+
   // bus.on('streetPosition', e => {
   //   showAllStreet(e);
   //   // console.log('streetPosition---', e);
@@ -130,9 +133,9 @@
   //   // gcoord.transform(position_Street, gcoord.BD09, gcoord.WGS84);
   // });
 });
-  console.log("🚀 ~ onMounted ~ useDialogTabs.pointLocation:", useDialogTabs.pointLocation)
-  console.log("🚀 ~ onMounted ~ useDialogTabs.pointLocation:", useDialogTabs.pointLocation)
-  console.log("🚀 ~ onMounted ~ useDialogTabs.pointLocation:", useDialogTabs.pointLocation)
+console.log('🚀 ~ onMounted ~ useDialogTabs.pointLocation:', useDialogTabs.pointLocation);
+console.log('🚀 ~ onMounted ~ useDialogTabs.pointLocation:', useDialogTabs.pointLocation);
+console.log('🚀 ~ onMounted ~ useDialogTabs.pointLocation:', useDialogTabs.pointLocation);
 onBeforeUnmount(() => {
   bus.off('xxinformationList');
 });
@@ -141,6 +144,13 @@
 <style lang="scss" scoped>
 #streetscape {
   width: 100%;
-  height: 100%;
+  height: 75%;
+  // background: red;
+}
+.carouselClas {
+  margin-top: 15px;
+  width: 100%;
+  height: 20%;
+  // background: red;
 }
 </style>