优化

src/views/progress/progressPaper/index.vue

@@ -500,18 +500,8 @@ const initGeoTiff = async () => {
 };
 
 let map: any = null;
-const layerData = reactive<any>({});
 const centerPosition = ref(fromLonLat([107.12932403398425, 23.805564054229908]));
 const initOLMap = () => {
-  console.log(111);
-  // const scoure = new TileLayer({
-  //   // 设置图层的数据源为XYZ类型。XYZ是一个通用的瓦片图层源，它允许你通过URL模板来获取瓦片
-  //   source: new XYZ({
-  //     url: 'http://192.168.110.2:8000/api/projects/3/tasks/c2e3227f-343f-48b1-88c0-1432d6eab33f/orthophoto/tiles/{z}/{x}/{y}'
-  //   })
-  // });
-  // console.log(scoure);
-
   map = new Map({
     // 设置地图容器的ID
     target: 'olMap',
@@ -519,16 +509,17 @@ const initOLMap = () => {
     layers: [
       // 高德地图
       // TileLayer表示一个瓦片图层，它由一系列瓦片（通常是图片）组成，用于在地图上显示地理数据。
+
       new TileLayer({
-        // 设置图层的数据源为XYZ类型。XYZ是一个通用的瓦片图层源，它允许你通过URL模板来获取瓦片
         source: new XYZ({
-          url: 'https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}'
+          url: 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',
+          maxZoom: 18
         })
       }),
       new TileLayer({
         // 设置图层的数据源为XYZ类型。XYZ是一个通用的瓦片图层源，它允许你通过URL模板来获取瓦片
         source: new XYZ({
-          url: 'http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8'
+          url: 'http://192.168.110.2:8000/api/projects/3/tasks/c2e3227f-343f-48b1-88c0-1432d6eab33f/orthophoto/tiles/{z}/{x}/{y}'
         })
       })
       // imageLayer.value
@@ -541,7 +532,7 @@ const initOLMap = () => {
       center: centerPosition.value, //地图中心点
       zoom: 15, // 缩放级别
       minZoom: 0, // 最小缩放级别
-      // maxZoom: 18, // 最大缩放级别
+      // maxZoom: 19, // 最大缩放级别
       constrainResolution: true // 因为存在非整数的缩放级别，所以设置该参数为true来让每次缩放结束后自动缩放到距离最近的一个整数级别，这个必须要设置，当缩放在非整数级别时地图会糊
       // projection: 'EPSG:4326' // 投影坐标系，默认是3857
     }),
@@ -848,8 +839,6 @@ const toggleFeatureHighlight = (feature: Feature, addIfNotExist = true) => {
 
 onMounted(async () => {
   // 地图初始化
-  // geoTiffLoading.value = true;
-  await initGeoTiff();
   initOLMap();
   // geoTiffLoading.value = false;
   map.addLayer(sharedLayer);