diff --git a/src/views/DialogTabs/component/streetscape.vue b/src/views/DialogTabs/component/streetscape.vue
index f52697a..508412b 100644
--- a/src/views/DialogTabs/component/streetscape.vue
+++ b/src/views/DialogTabs/component/streetscape.vue
@@ -1,13 +1,41 @@
 <template>
-  <div id="streetscape">11111</div>
+  <div id="streetscape"></div>
 </template>
 
 <script setup name="streetscape">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted, nextTick } from 'vue';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
+const AllData = reactive({
+  panorama: null,
+});
+// 初始化街景地图
+const initePanoramaMap = () => {
+  AllData.panorama = BMapGL.Panorama('streetscape');
 
-onMounted(() => {});
+  AllData.panorama.setPov({
+    // 修改全景的视角
+    pitch: 10,
+    heading: 0,
+  });
+  AllData.panorama.setOptions({
+    linksControl: true, // 隐藏道路指示控件，默认true
+    navigationControl: true, // 隐藏导航控件，默认true
+  });
+};
+onMounted(() => {
+  initePanoramaMap();
+
+  bus.on('streetPosition', e => {
+    console.log('streetPosition---', e);
+    let position_Street = turf.point(e);
+    gcoord.transform(position_Street, gcoord.WGS84, gcoord.BD09);
+    AllData.panorama.setPosition(
+      new BMapGL.Point(position_Street.geometry.coordinates[0], position_Street.geometry.coordinates[1])
+    );
+    gcoord.transform(position_Street, gcoord.BD09, gcoord.WGS84);
+  });
+});
 onBeforeUnmount(() => {
   bus.off('xxinformationList');
 });

diff --git a/src/views/DialogTabs/component/streetscape.vue b/src/views/DialogTabs/component/streetscape.vue
index f52697a..508412b 100644
--- a/src/views/DialogTabs/component/streetscape.vue
+++ b/src/views/DialogTabs/component/streetscape.vue
@@ -1,13 +1,41 @@
 <template>
-  <div id="streetscape">11111</div>
+  <div id="streetscape"></div>
 </template>
 
 <script setup name="streetscape">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted, nextTick } from 'vue';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
+const AllData = reactive({
+  panorama: null,
+});
+// 初始化街景地图
+const initePanoramaMap = () => {
+  AllData.panorama = BMapGL.Panorama('streetscape');
 
-onMounted(() => {});
+  AllData.panorama.setPov({
+    // 修改全景的视角
+    pitch: 10,
+    heading: 0,
+  });
+  AllData.panorama.setOptions({
+    linksControl: true, // 隐藏道路指示控件，默认true
+    navigationControl: true, // 隐藏导航控件，默认true
+  });
+};
+onMounted(() => {
+  initePanoramaMap();
+
+  bus.on('streetPosition', e => {
+    console.log('streetPosition---', e);
+    let position_Street = turf.point(e);
+    gcoord.transform(position_Street, gcoord.WGS84, gcoord.BD09);
+    AllData.panorama.setPosition(
+      new BMapGL.Point(position_Street.geometry.coordinates[0], position_Street.geometry.coordinates[1])
+    );
+    gcoord.transform(position_Street, gcoord.BD09, gcoord.WGS84);
+  });
+});
 onBeforeUnmount(() => {
   bus.off('xxinformationList');
 });
diff --git a/src/views/oneMap/components/mapboxPopup.vue b/src/views/oneMap/components/mapboxPopup.vue
index 4465edf..b3ce617 100644
--- a/src/views/oneMap/components/mapboxPopup.vue
+++ b/src/views/oneMap/components/mapboxPopup.vue
@@ -289,6 +289,7 @@
   dataList: {},
   popupShow: false,
   dateTime: [proxy.moment(new Date()).subtract(7, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')],
+  streetPosition: null,
 });
 const dataOption = ref([]);
 const selectData = ref([]);
@@ -469,12 +470,14 @@
 };
 //街景弹框点击事件
 const showStreetLayer = () => {
-  console.log('少爷在这里加~~~~~~~~~');
   let data = {
     title: '街景',
     comIDs: ['streetscape'],
   };
   bus.emit('publicDialog', data);
+  setTimeout(() => {
+    bus.emit('streetPosition', allData.streetPosition);
+  }, 200);
 };
 onMounted(() => {
   bus.on('closeCesiumPopup', () => {
@@ -485,6 +488,7 @@
   });
   bus.on('popupcontent', params => {
     console.log('popup接收地图标注点值---111', params);
+    allData.streetPosition = params.point;
     allData.dataList = params.popupInfo;
     let pipePopupDiv = document.getElementById('cesiumPopupID');
 

diff --git a/src/views/DialogTabs/component/streetscape.vue b/src/views/DialogTabs/component/streetscape.vue
index f52697a..508412b 100644
--- a/src/views/DialogTabs/component/streetscape.vue
+++ b/src/views/DialogTabs/component/streetscape.vue
@@ -1,13 +1,41 @@
 <template>
-  <div id="streetscape">11111</div>
+  <div id="streetscape"></div>
 </template>
 
 <script setup name="streetscape">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted, nextTick } from 'vue';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
+const AllData = reactive({
+  panorama: null,
+});
+// 初始化街景地图
+const initePanoramaMap = () => {
+  AllData.panorama = BMapGL.Panorama('streetscape');
 
-onMounted(() => {});
+  AllData.panorama.setPov({
+    // 修改全景的视角
+    pitch: 10,
+    heading: 0,
+  });
+  AllData.panorama.setOptions({
+    linksControl: true, // 隐藏道路指示控件，默认true
+    navigationControl: true, // 隐藏导航控件，默认true
+  });
+};
+onMounted(() => {
+  initePanoramaMap();
+
+  bus.on('streetPosition', e => {
+    console.log('streetPosition---', e);
+    let position_Street = turf.point(e);
+    gcoord.transform(position_Street, gcoord.WGS84, gcoord.BD09);
+    AllData.panorama.setPosition(
+      new BMapGL.Point(position_Street.geometry.coordinates[0], position_Street.geometry.coordinates[1])
+    );
+    gcoord.transform(position_Street, gcoord.BD09, gcoord.WGS84);
+  });
+});
 onBeforeUnmount(() => {
   bus.off('xxinformationList');
 });
diff --git a/src/views/oneMap/components/mapboxPopup.vue b/src/views/oneMap/components/mapboxPopup.vue
index 4465edf..b3ce617 100644
--- a/src/views/oneMap/components/mapboxPopup.vue
+++ b/src/views/oneMap/components/mapboxPopup.vue
@@ -289,6 +289,7 @@
   dataList: {},
   popupShow: false,
   dateTime: [proxy.moment(new Date()).subtract(7, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')],
+  streetPosition: null,
 });
 const dataOption = ref([]);
 const selectData = ref([]);
@@ -469,12 +470,14 @@
 };
 //街景弹框点击事件
 const showStreetLayer = () => {
-  console.log('少爷在这里加~~~~~~~~~');
   let data = {
     title: '街景',
     comIDs: ['streetscape'],
   };
   bus.emit('publicDialog', data);
+  setTimeout(() => {
+    bus.emit('streetPosition', allData.streetPosition);
+  }, 200);
 };
 onMounted(() => {
   bus.on('closeCesiumPopup', () => {
@@ -485,6 +488,7 @@
   });
   bus.on('popupcontent', params => {
     console.log('popup接收地图标注点值---111', params);
+    allData.streetPosition = params.point;
     allData.dataList = params.popupInfo;
     let pipePopupDiv = document.getElementById('cesiumPopupID');
 
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index c1cf2bb..834d4a6 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -173,8 +173,7 @@
 import AC_ZHHM from '@/assets/images/Sponge_screen/menu/AC_ZHHM.png';
 // 引用地图
 import OneMap from './map/newfiberMapBox.vue';
-// 引用街景地图
-import PanoramaMap from '@/views/oneMap/map/PanoramaMap.vue';
+
 // 引用王家坪大桥BIm
 import WangJiaPingBIM from './BIM/WangJiaPIng.vue';
 // 引用隧道BIm
@@ -616,114 +615,6 @@
 const handleMouseLeave = item => {
   AllData.ErJiMenuShowID = null;
 };
-
-// async function urlToFile(url, fileName) {
-//   // 使用 fetch 获取图片并转换为 Blob
-//   const response = await fetch(url);
-//   const blob = await response.blob();
-//   // 将 Blob 转换为 File 对象
-//   const file = new File([blob], fileName, { type: blob.type });
-//   return file;
-// }
-
-// const createCanvas = (id)=>{
-//   let canvas = document.createElement("canvas");
-//   canvas.id = "canvas"+id;
-//   canvas.style.display = 'none';
-//   document.body.append(canvas);
-//   return canvas;
-// }
-
-// const createPlot = async (e,canvas)=>{
-//   var tif = await GeoTIFF.fromArrayBuffer( e.target.result);
-//   var tifImg = await tif.getImage();
-//   var readRasters = await tifImg.readRasters();
-//   plot == null &&(plot = new plotty.plot({canvas, data: readRasters[0], width: tifImg.getWidth(), height: tifImg.getHeight(), domain: [0, 256], colorScale: "mycolorscale"}));
-//   plot.setData(readRasters[0],tifImg.getWidth(),tifImg.getHeight());
-//   plot.render();
-// }
-
-// const createCanvasLayer = (canvasId,i,bbox)=>{
-//   bbox = [[bbox[0],bbox[3]],[bbox[2],bbox[3]],[bbox[2],bbox[1]],[bbox[0],bbox[1]]];
-//   newfiberMapbox.map.addSource('canvas-source'+i, {
-//     type: 'canvas',
-//     canvas:  canvasId ,
-//     coordinates: bbox,
-//     animate: true
-//   });
-
-//   newfiberMapbox.map.addLayer({
-//     id: 'canvas-layer'+i,
-//     type: 'raster',
-//     source: 'canvas-source'+i
-//   });
-//   newfiberMapbox.map.moveLayer('canvas-layer'+i);
-// }
-
-// const plotInit =(colorScale=colorScale)=>{
-//   const minVal = colorScale[0].value;
-//   const maxVal = colorScale[colorScale.length -1].value;
-//   let color = colorScale.filter(i => Number(i.value) / maxVal <= 1);
-//   if(color[color.length-1].value / maxVal < 1) color.push({value:maxVal,color:colorScale[color.length].color});
-//   plotty.addColorScale("mycolorscale",color.map(i => i.color), color.map(i => (i.value / maxVal).toFixed(5)));
-// }
-
-// let colorScale = [
-//   {value: "0", color: "rgba(7, 213, 118, 0)"},
-//   {value: "0.1", color: "rgba(7, 213, 118, 0)"},
-//   {value: "5", color: "rgba(7, 213, 118, 1)"},
-//   {value: "15", color: "rgba(38, 129, 240,1)"},
-//   {value: "30", color: "rgba(247, 223, 56, 1)"},
-//   {value: "70", color: "rgba(230, 85, 41, 1)"},
-//   {value: "140", color: "rgba(255, 26, 26, 1)"},
-// ]
-// let imageFiles = [];
-// let canvas = [];
-// let plot = null;
-// const initRainImage = async ()=>{
-//   const images = [
-//     "http://192.168.16.133:9994/tif/0819_0.tif",
-//     "http://192.168.16.133:9994/tif/0819_1.tif",
-//     "http://192.168.16.133:9994/tif/0819_2.tif",
-//     "http://192.168.16.133:9994/tif/0819_3.tif",
-//     "http://192.168.16.133:9994/tif/0819_4.tif",
-//     "http://192.168.16.133:9994/tif/0819_5.tif",
-//     "http://192.168.16.133:9994/tif/0819_6.tif",
-//     "http://192.168.16.133:9994/tif/0819_7.tif",
-//     "http://192.168.16.133:9994/tif/0819_8.tif",
-//     "http://192.168.16.133:9994/tif/0819_9.tif",
-//     "http://192.168.16.133:9994/tif/0819_10.tif",
-//     "http://192.168.16.133:9994/tif/0819_11.tif",
-//     "http://192.168.16.133:9994/tif/0819_12.tif",
-//     "http://192.168.16.133:9994/tif/0819_13.tif",
-//     "http://192.168.16.133:9994/tif/0819_14.tif",
-//     "http://192.168.16.133:9994/tif/0819_15.tif",
-//     "http://192.168.16.133:9994/tif/0819_16.tif",
-//     "http://192.168.16.133:9994/tif/0819_17.tif",
-//     "http://192.168.16.133:9994/tif/0819_18.tif",
-//     "http://192.168.16.133:9994/tif/0819_19.tif",
-//     "http://192.168.16.133:9994/tif/0819_20.tif",
-//     "http://192.168.16.133:9994/tif/0819_21.tif",
-//     "http://192.168.16.133:9994/tif/0819_22.tif",
-//     "http://192.168.16.133:9994/tif/0819_23.tif",
-//   ];
-//   imageFiles = await Promise.all(images.map(url => urlToFile(url,_.last(_.split(url,"/")))));
-
-//   canvas = createCanvas(0);
-//   plotInit(colorScale);
-//   createCanvasLayer(canvas.id,0,[109.36903069276376,36.53005543707354,109.62694602722712,36.7105574823517]);
-//   let i = 0;
-//   let interval = setInterval(()=>{
-//     if(i >= imageFiles.length) i = 0;
-//     setRainImage(i++);
-//   },1000)
-// }
-
-// const setRainImage = (index) => {
-//   var reader = new FileReader();
-//   reader.onload = e => createPlot(e,canvas);
-//   reader.readAsArrayBuffer(imageFiles[index]);
-// }
 </script>
 
 <style lang="scss" scoped>

diff --git a/src/views/DialogTabs/component/streetscape.vue b/src/views/DialogTabs/component/streetscape.vue
index f52697a..508412b 100644
--- a/src/views/DialogTabs/component/streetscape.vue
+++ b/src/views/DialogTabs/component/streetscape.vue
@@ -1,13 +1,41 @@
 <template>
-  <div id="streetscape">11111</div>
+  <div id="streetscape"></div>
 </template>
 
 <script setup name="streetscape">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted, nextTick } from 'vue';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
+const AllData = reactive({
+  panorama: null,
+});
+// 初始化街景地图
+const initePanoramaMap = () => {
+  AllData.panorama = BMapGL.Panorama('streetscape');
 
-onMounted(() => {});
+  AllData.panorama.setPov({
+    // 修改全景的视角
+    pitch: 10,
+    heading: 0,
+  });
+  AllData.panorama.setOptions({
+    linksControl: true, // 隐藏道路指示控件，默认true
+    navigationControl: true, // 隐藏导航控件，默认true
+  });
+};
+onMounted(() => {
+  initePanoramaMap();
+
+  bus.on('streetPosition', e => {
+    console.log('streetPosition---', e);
+    let position_Street = turf.point(e);
+    gcoord.transform(position_Street, gcoord.WGS84, gcoord.BD09);
+    AllData.panorama.setPosition(
+      new BMapGL.Point(position_Street.geometry.coordinates[0], position_Street.geometry.coordinates[1])
+    );
+    gcoord.transform(position_Street, gcoord.BD09, gcoord.WGS84);
+  });
+});
 onBeforeUnmount(() => {
   bus.off('xxinformationList');
 });
diff --git a/src/views/oneMap/components/mapboxPopup.vue b/src/views/oneMap/components/mapboxPopup.vue
index 4465edf..b3ce617 100644
--- a/src/views/oneMap/components/mapboxPopup.vue
+++ b/src/views/oneMap/components/mapboxPopup.vue
@@ -289,6 +289,7 @@
   dataList: {},
   popupShow: false,
   dateTime: [proxy.moment(new Date()).subtract(7, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')],
+  streetPosition: null,
 });
 const dataOption = ref([]);
 const selectData = ref([]);
@@ -469,12 +470,14 @@
 };
 //街景弹框点击事件
 const showStreetLayer = () => {
-  console.log('少爷在这里加~~~~~~~~~');
   let data = {
     title: '街景',
     comIDs: ['streetscape'],
   };
   bus.emit('publicDialog', data);
+  setTimeout(() => {
+    bus.emit('streetPosition', allData.streetPosition);
+  }, 200);
 };
 onMounted(() => {
   bus.on('closeCesiumPopup', () => {
@@ -485,6 +488,7 @@
   });
   bus.on('popupcontent', params => {
     console.log('popup接收地图标注点值---111', params);
+    allData.streetPosition = params.point;
     allData.dataList = params.popupInfo;
     let pipePopupDiv = document.getElementById('cesiumPopupID');
 
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index c1cf2bb..834d4a6 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -173,8 +173,7 @@
 import AC_ZHHM from '@/assets/images/Sponge_screen/menu/AC_ZHHM.png';
 // 引用地图
 import OneMap from './map/newfiberMapBox.vue';
-// 引用街景地图
-import PanoramaMap from '@/views/oneMap/map/PanoramaMap.vue';
+
 // 引用王家坪大桥BIm
 import WangJiaPingBIM from './BIM/WangJiaPIng.vue';
 // 引用隧道BIm
@@ -616,114 +615,6 @@
 const handleMouseLeave = item => {
   AllData.ErJiMenuShowID = null;
 };
-
-// async function urlToFile(url, fileName) {
-//   // 使用 fetch 获取图片并转换为 Blob
-//   const response = await fetch(url);
-//   const blob = await response.blob();
-//   // 将 Blob 转换为 File 对象
-//   const file = new File([blob], fileName, { type: blob.type });
-//   return file;
-// }
-
-// const createCanvas = (id)=>{
-//   let canvas = document.createElement("canvas");
-//   canvas.id = "canvas"+id;
-//   canvas.style.display = 'none';
-//   document.body.append(canvas);
-//   return canvas;
-// }
-
-// const createPlot = async (e,canvas)=>{
-//   var tif = await GeoTIFF.fromArrayBuffer( e.target.result);
-//   var tifImg = await tif.getImage();
-//   var readRasters = await tifImg.readRasters();
-//   plot == null &&(plot = new plotty.plot({canvas, data: readRasters[0], width: tifImg.getWidth(), height: tifImg.getHeight(), domain: [0, 256], colorScale: "mycolorscale"}));
-//   plot.setData(readRasters[0],tifImg.getWidth(),tifImg.getHeight());
-//   plot.render();
-// }
-
-// const createCanvasLayer = (canvasId,i,bbox)=>{
-//   bbox = [[bbox[0],bbox[3]],[bbox[2],bbox[3]],[bbox[2],bbox[1]],[bbox[0],bbox[1]]];
-//   newfiberMapbox.map.addSource('canvas-source'+i, {
-//     type: 'canvas',
-//     canvas:  canvasId ,
-//     coordinates: bbox,
-//     animate: true
-//   });
-
-//   newfiberMapbox.map.addLayer({
-//     id: 'canvas-layer'+i,
-//     type: 'raster',
-//     source: 'canvas-source'+i
-//   });
-//   newfiberMapbox.map.moveLayer('canvas-layer'+i);
-// }
-
-// const plotInit =(colorScale=colorScale)=>{
-//   const minVal = colorScale[0].value;
-//   const maxVal = colorScale[colorScale.length -1].value;
-//   let color = colorScale.filter(i => Number(i.value) / maxVal <= 1);
-//   if(color[color.length-1].value / maxVal < 1) color.push({value:maxVal,color:colorScale[color.length].color});
-//   plotty.addColorScale("mycolorscale",color.map(i => i.color), color.map(i => (i.value / maxVal).toFixed(5)));
-// }
-
-// let colorScale = [
-//   {value: "0", color: "rgba(7, 213, 118, 0)"},
-//   {value: "0.1", color: "rgba(7, 213, 118, 0)"},
-//   {value: "5", color: "rgba(7, 213, 118, 1)"},
-//   {value: "15", color: "rgba(38, 129, 240,1)"},
-//   {value: "30", color: "rgba(247, 223, 56, 1)"},
-//   {value: "70", color: "rgba(230, 85, 41, 1)"},
-//   {value: "140", color: "rgba(255, 26, 26, 1)"},
-// ]
-// let imageFiles = [];
-// let canvas = [];
-// let plot = null;
-// const initRainImage = async ()=>{
-//   const images = [
-//     "http://192.168.16.133:9994/tif/0819_0.tif",
-//     "http://192.168.16.133:9994/tif/0819_1.tif",
-//     "http://192.168.16.133:9994/tif/0819_2.tif",
-//     "http://192.168.16.133:9994/tif/0819_3.tif",
-//     "http://192.168.16.133:9994/tif/0819_4.tif",
-//     "http://192.168.16.133:9994/tif/0819_5.tif",
-//     "http://192.168.16.133:9994/tif/0819_6.tif",
-//     "http://192.168.16.133:9994/tif/0819_7.tif",
-//     "http://192.168.16.133:9994/tif/0819_8.tif",
-//     "http://192.168.16.133:9994/tif/0819_9.tif",
-//     "http://192.168.16.133:9994/tif/0819_10.tif",
-//     "http://192.168.16.133:9994/tif/0819_11.tif",
-//     "http://192.168.16.133:9994/tif/0819_12.tif",
-//     "http://192.168.16.133:9994/tif/0819_13.tif",
-//     "http://192.168.16.133:9994/tif/0819_14.tif",
-//     "http://192.168.16.133:9994/tif/0819_15.tif",
-//     "http://192.168.16.133:9994/tif/0819_16.tif",
-//     "http://192.168.16.133:9994/tif/0819_17.tif",
-//     "http://192.168.16.133:9994/tif/0819_18.tif",
-//     "http://192.168.16.133:9994/tif/0819_19.tif",
-//     "http://192.168.16.133:9994/tif/0819_20.tif",
-//     "http://192.168.16.133:9994/tif/0819_21.tif",
-//     "http://192.168.16.133:9994/tif/0819_22.tif",
-//     "http://192.168.16.133:9994/tif/0819_23.tif",
-//   ];
-//   imageFiles = await Promise.all(images.map(url => urlToFile(url,_.last(_.split(url,"/")))));
-
-//   canvas = createCanvas(0);
-//   plotInit(colorScale);
-//   createCanvasLayer(canvas.id,0,[109.36903069276376,36.53005543707354,109.62694602722712,36.7105574823517]);
-//   let i = 0;
-//   let interval = setInterval(()=>{
-//     if(i >= imageFiles.length) i = 0;
-//     setRainImage(i++);
-//   },1000)
-// }
-
-// const setRainImage = (index) => {
-//   var reader = new FileReader();
-//   reader.onload = e => createPlot(e,canvas);
-//   reader.readAsArrayBuffer(imageFiles[index]);
-// }
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/oneMap/map/PanoramaMap.vue b/src/views/oneMap/map/PanoramaMap.vue
deleted file mode 100644
index 14edbb0..0000000
--- a/src/views/oneMap/map/PanoramaMap.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <div class="mapPage">
-    <div id="container"></div>
-  </div>
-</template>
-
-<script setup name="PanoramaMap">
-import { ref, reactive, toRefs, onMounted } from 'vue';
-
-const AllData = reactive({
-  panorama: null,
-});
-// 初始化街景地图
-const initePanoramaMap = () => {
-  AllData.panorama = BMapGL.Panorama('container');
-  AllData.panorama.setPosition(new BMapGL.Point(116.40385, 39.913795));
-  AllData.panorama.setPov({
-    // 修改全景的视角
-    pitch: 10,
-    heading: 140,
-  });
-  AllData.panorama.setOptions({
-    linksControl: true, // 隐藏道路指示控件，默认true
-    navigationControl: true, // 隐藏导航控件，默认true
-  });
-};
-onMounted(() => {
-  initePanoramaMap();
-});
-onBeforeUnmount(() => {});
-</script>
-
-<style lang="scss" scoped>
-.mapPage {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  z-index: 0;
-  background: lavender;
-}
-
-#container {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-}
-</style>