app 无法显示地图，加载研究

manifest.json

@@ -4,7 +4,7 @@
     "description" : "",
     "versionName" : "1.0.0",
     "versionCode" : "100",
-    "uni-app-x" : {},
+    // "uni-app-x" : {},
     /* 快应用特有相关 */
     "quickapp" : {},
     /* 小程序特有相关 */

pages/check/MapView.vue

@@ -1,143 +1,87 @@
 <template>
   <view id="container" class=""></view>
+  <!-- <link href="ol/ol.css"></link> -->
 </template>
-<script>
-import "ol/ol.css";
-import gcoord from "gcoord";
-import { transform } from "ol/proj.js";
-import Map from "ol/Map";
-import View from "ol/View";
-// import TileLayer from "ol/layer/Tile";
-import XYZ from "ol/source/XYZ";
-import Tile from "ol/layer/Tile";
-// const getUserInfo = () => {
-// 	apiUserInfo().then(res => {
-// 		console.log(res);
-// 		userinfo.value = res.data
-// 	})
-// }
-let map: any = null;
-export default {
-  name: "map-view",
-  data() {
-    return {
-      maps: {},
-    };
-  },
-  mounted() {
-    // this.initAMap();
-    this.createMap();
-  },
-  unmounted() {
-    map && map.destroy();
-  },
-  methods: {
-    initAMap() {
-      map = new AMap.Map("container", {
-        viewMode: "3D", // 是否为3D地图模式
-        zoom: 11,
-        center: [116.397428, 39.90923],
-      });
-      // 设置离线地图
-      map.setPlugins({
-        "AMap.Offline": {},
-      });
-      // 添加离线地图数据
-      map.offline.setCity("北京");
-    },
-    createMap() {
-      var view = new View({
-        center: transform([103.23, 35.33], "EPSG:4326", "EPSG:3857"), //地图初始中心点
-        // center: gcoord.transform([103.23, 35.33], "EPSG:4326", "EPSG:3857"), //地图初始中心点
-        // 	[106.67591743605254, 38.21012898330025],
-        // 	gcoord.WGS84,
-        // 	gcoord.BD09
-        // ), //地图初始中心点
-        projection: "EPSG:4326",
-        zoom: 4,
-        minZoom: 1,
-      });
-      this.addMap("container", view);
-    },
-    addMap(target: any, view) {
-      if (this.maps[target]) return;
-      // var gaodeMapLayer = new TileLayer({
-      // 	title: "高德地图",
-      // 	source: new XYZ({
-      // 		url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}",
-      // 		wrapX: false,
-      // 	}),
-      // });
-      var key = "12df6e32906dbb916fad14dc65ebdbf8"; // 请替换成你的key
-      // 矢量底图
-      var vecLayer = new Tile({
-        source: new XYZ({
-          url:
-            "http://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" +
-            key,
-        }),
-      });
-      // 矢量标注
-      var cvaLayer = new Tile({
-        source: new XYZ({
-          url:
-            "http://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" +
-            key,
-        }),
-      });
-	  
-      // 影像底图
-      var imgLayer = new Tile({
-        source: new XYZ({
-          url:
-            "http://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" +
-            key,
-        }),
-      });
-	  // 影像标注
-      var imgCiaLayer = new Tile({
-        source: new XYZ({
-          url:
-            "http://t0.tianditu.gov.cn/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" +
-            key,
-        }),
-      });
-      // 地形晕染
-      var terLayer = new Tile({
-        source: new XYZ({
-          url:
-            "http://t0.tianditu.gov.cn/ter_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=ter&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" +
-            key,
-        }),
-      });
-      // 地形标注层
-      var ctaLayer = new Tile({
-        source: new XYZ({
-          url:
-            "http://t0.tianditu.gov.cn/cta_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cta&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" +
-            key,
-        }),
-      });
-	  
-      let map = new Map({
-        //地图容器div的ID
-        target,
-        //地图容器中加载的图层
-        // layers: [gaodeMapLayer],
-        layers: [vecLayer, cvaLayer],
-        //地图视图设置
-        view, //同一个view
-      });
-      this.maps[target] = map;
-      window.map = this.maps;
-      console.log(window.map, "window.map");
-    },
-  },
-};
+<script module="ol" lang="renderjs">
+	// import "ol/ol.css";
+	import gcoord from "gcoord";
+	import { transform } from "ol/proj.js";
+	import Map from "ol/Map";
+	import View from "ol/View";
+	// import TileLayer from "ol/layer/Tile";
+	import XYZ from "ol/source/XYZ";
+	import Tile from "ol/layer/Tile";
+	let map = null;
+	export default {
+		name: "map-view",
+		data() {
+			return {
+				maps: {},
+			};
+		},
+		mounted() {
+			this.createMap();
+		},
+		methods: {
+			createMap() {
+				var view = new View({
+					center: transform([103.23, 35.33], "EPSG:4326", "EPSG:3857"), //地图初始中心点
+					// center: gcoord.transform([103.23, 35.33], "EPSG:4326", "EPSG:3857"), //地图初始中心点
+					// 	[106.67591743605254, 38.21012898330025],
+					// 	gcoord.WGS84,
+					// 	gcoord.BD09
+					// ), //地图初始中心点
+					projection: "EPSG:4326",
+					zoom: 4,
+					minZoom: 1,
+				});
+				this.addMap("container", view);
+			},
+			addMap(target, view) {
+				if (this.maps[target]) return;
+				// var gaodeMapLayer = new TileLayer({
+				// 	title: "高德地图",
+				// 	source: new XYZ({
+				// 		url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}",
+				// 		wrapX: false,
+				// 	}),
+				// });
+				var key = "12df6e32906dbb916fad14dc65ebdbf8"; // 请替换成你的key
+				// 矢量底图
+				var vecLayer = new Tile({
+					source: new XYZ({
+						url: "http://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" +
+							key,
+					}),
+				});
+				// 矢量标注
+				var cvaLayer = new Tile({
+					source: new XYZ({
+						url: "http://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=" +
+							key,
+					}),
+				});
+
+
+				let map = new Map({
+					//地图容器div的ID
+					target,
+					//地图容器中加载的图层
+					// layers: [gaodeMapLayer],
+					layers: [vecLayer, cvaLayer],
+					//地图视图设置
+					view, //同一个view
+				});
+				this.maps[target] = map;
+				window.map = this.maps;
+				console.log(window.map, "window.map");
+			},
+		},
+	};
 </script>
 <style scoped>
 #container {
   width: 100%;
-  height: 100vh;
+  height: 50vh;
 }
 </style>

pages/check/index.vue

@@ -1,103 +1,98 @@
 <template>
-  <view class="">
-    <MapView></MapView>
-    <van-list
-      v-model="loading"
-      :immediate-check="false"
-      :error.sync="error"
-      error-text="请求失败，点击重新加载"
-      finished-text="没有更多了~"
-      @load="getList"
-    >
-      <view
-        class="list-item"
-        v-for="(item, key) in tableData"
-        :key="key"
-        @click="goDetail(item)"
-      >
-        <div class="nameTitle">{{ item.name }}</div>
-        <div>下发时间：{{ item.jsdw }}</div>
-        <div>结束时间：{{ item.jsdw }}</div>
-        <div>核查图斑：{{ item.spotsnumber || 0 }}个</div>
-        <div>核查人员：{{ item.jsdw }}</div>
-        <view class="status">{{ item.status }}</view>
-      </view>
-    </van-list>
-  </view>
+	<view class="">
+		<MapView calss="mapview"></MapView>
+		<van-list class="checklist" v-model="loading" :immediate-check="false" :error.sync="error"
+			error-text="请求失败，点击重新加载" finished-text="没有更多了~" @load="getList">
+			<view class="list-item" v-for="(item, key) in tableData" :key="key" @click="goDetail(item)">
+				<div class="nameTitle">{{ item.name }}</div>
+				<div>下发时间：{{ item.jsdw }}</div>
+				<div>结束时间：{{ item.jsdw }}</div>
+				<div>核查图斑：{{ item.spotsnumber || 0 }}个</div>
+				<div>核查人员：{{ item.jsdw }}</div>
+				<div @click="navigation">导航</div>
+				<div @click="upload">上传</div>
+				<view class="status">{{ item.status }}</view>
+			</view>
+		</van-list>
+	</view>
 </template>
 <script>
-import MapView from "./MapView.vue";
-import { listPcsjXQList } from "@/api/apis.js";
-import { handleNavigation } from "./mapto.js";
-export default {
-  name: "map-view",
-  components: {
-    MapView,
-  },
-  data() {
-    return {
-      queryParams: {
-        jcbh: "", //监测编号
-        pageNum: 1,
-        pageSize: 10,
-        pcsjid: "",
-      },
-      loading: false,
-      tableData: [{}],
-    };
-  },
-  mounted() {},
-  onShow(options) {
-    uni.getStorage({
-      key: "my_param",
-      success: (res) => {
-        this.queryParams.id = res.data.id;
-        console.log("获取的参数是：", res.data);
-        this.getList();
-        this.navigation();
-      },
-    });
-  },
-  unmounted() {},
-  methods: {
-    getList() {
-      listPcsjXQList(this.queryParams).then((response) => {
-        this.tableData = response.rows;
-        this.total = response.total;
-        // this.open = true;
-        // this.title = "修改监管批次数据";
-        // this.initVectorLayer("mapDiv");
-        // this.initVectorLayer("mapCon1");
-        // this.initVectorLayer("mapCon2");
-        // this.addGeoJson("mapDiv");
-        // this.addGeoJson("mapCon1");
-        // this.addGeoJson("mapCon2");
-      });
-    },
-    navigation() {
-      
-      console.log("s-xsx")
-      handleNavigation({
-        latitude: 39.9042,
-        longitude: 116.4074,
-        name: "地址名称",
-        address: "地址详情",
-      });
-      // uni.openLocation({
-      //   latitude: 39.9042,
-      //   longitude: 116.4074,
-      //   name: "地址名称",
-      //   address: "地址详情",
-      //   success: function (res) {
-      //     console.log("打开系统位置地图成功");
-      //   },
-      //   fail: function (error) {
-      //     console.log(error);
-      //   },
-      // });
-    },
-  },
-};
+	import MapView from "./MapView.vue";
+	import {
+		listPcsjXQList
+	} from "@/api/apis.js";
+	import {
+		handleNavigation
+	} from "./mapto.js";
+	import {
+		chooseImage,
+		chooseVideo,
+		chooseMedia
+	} from "@/utils/choose.js";
+	export default {
+		name: "check",
+		components: {
+			MapView,
+		},
+		data() {
+			return {
+				queryParams: {
+					jcbh: "", //监测编号
+					pageNum: 1,
+					pageSize: 10,
+					pcsjid: "",
+				},
+				loading: false,
+				tableData: [{}],
+			};
+		},
+		mounted() {},
+		onShow(options) {
+			uni.getStorage({
+				key: "my_param",
+				success: (res) => {
+					this.queryParams.id = res.data.id;
+					console.log("获取的参数是：", res.data);
+					// this.getList();
+				},
+			});
+		},
+		unmounted() {},
+		methods: {
+			getList() {
+				listPcsjXQList(this.queryParams).then((response) => {
+					this.tableData = response.rows;
+					this.total = response.total;
+					// this.open = true;
+					// this.title = "修改监管批次数据";
+					// this.initVectorLayer("mapDiv");
+					// this.initVectorLayer("mapCon1");
+					// this.initVectorLayer("mapCon2");
+					// this.addGeoJson("mapDiv");
+					// this.addGeoJson("mapCon1");
+					// this.addGeoJson("mapCon2");
+				});
+			},
+			navigation() {
+				console.log("s-xsx");
+				handleNavigation({
+					latitude: 39.9042,
+					longitude: 116.4074,
+					name: "地址名称",
+					address: "地址详情",
+					selfLocation: {},
+				});
+			},
+			upload() {
+				console.log(uni, '---', uni.chooseMedia)
+				chooseMedia()
+			}
+		},
+	};
 </script>
 <style scoped>
+	.checklist {
+		width: 100%;
+		height: 50vh;
+	}
 </style>

pages/index/index.vue

@@ -43,7 +43,7 @@
 import { listPcsj } from "@/api/apis.js";
 export default {
   name: "list",
-  components: { },
+  components: {},
   data() {
     return {
       searchForm: {},
@@ -61,7 +61,7 @@ export default {
           num: 1,
         },
       ],
-	  queryParams: {
+      queryParams: {
         pageNum: 1,
         pageSize: 10,
         name: "", //文件名称
@@ -118,11 +118,13 @@ export default {
 <style scoped lang="scss">
 page {
   background: $page-bg-color;
+  height: 100%;
 }
 
 .orderPage {
   padding: 30rpx;
   background: azure;
+  padding-bottom: 50px;
 
   .list-item {
     background: #fff;

pages/user/user.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="userLayout pageBg" v-if="userinfo">
-		<view :style="{height:getNavBarHeight()+'px'}"></view>
+		<!-- <view :style="{height:getNavBarHeight()+'px'}"></view> -->
 		<view class="userInfo">
 			<view class="avatar">
 				<image src="../../static/images/xxmLogo.png" mode="aspectFill"></image>
@@ -91,13 +91,13 @@
 	</view>
 	
 	<view class="loadingLayout" v-else>
-		<view :style="{height:getNavBarHeight()+'px'}"></view>
+		<!-- <view :style="{height:getNavBarHeight()+'px'}"></view> -->
 		<uni-load-more status="loading"></uni-load-more>
 	</view>
 </template>
 
 <script setup>
-import {getNavBarHeight} from "@/utils/system.js"
+// import {getNavBarHeight} from "@/utils/system.js"
 import {apiUserInfo} from "@/api/apis.js"
 import { ref } from "vue";
 

unpackage/dist/cache/.vite/deps/_metadata.json

@@ -1,91 +1,118 @@
 {
-  "hash": "5b537a50",
-  "configHash": "44361e95",
+  "hash": "fe567af9",
+  "configHash": "e02489d9",
   "lockfileHash": "9176b4a4",
-  "browserHash": "c195df39",
+  "browserHash": "07ba34d6",
   "optimized": {
     "vant": {
       "src": "../../../../../node_modules/vant/es/index.mjs",
       "file": "vant.js",
-      "fileHash": "2d8d9eef",
+      "fileHash": "0bd985f0",
       "needsInterop": false
     },
     "axios": {
       "src": "../../../../../node_modules/axios/index.js",
       "file": "axios.js",
-      "fileHash": "1b4d1151",
+      "fileHash": "5a8b5d24",
       "needsInterop": true
     },
     "js-cookie": {
       "src": "../../../../../node_modules/js-cookie/dist/js.cookie.mjs",
       "file": "js-cookie.js",
-      "fileHash": "ec50d69c",
+      "fileHash": "e789679f",
       "needsInterop": false
     },
     "gcoord": {
       "src": "../../../../../node_modules/gcoord/dist/gcoord.esm-bundler.js",
       "file": "gcoord.js",
-      "fileHash": "d8e67949",
+      "fileHash": "3a5a1e57",
+      "needsInterop": false
+    },
+    "ol/proj.js": {
+      "src": "../../../../../node_modules/ol/proj.js",
+      "file": "ol_proj__js.js",
+      "fileHash": "6a810bde",
       "needsInterop": false
     },
     "ol/Map": {
       "src": "../../../../../node_modules/ol/Map.js",
       "file": "ol_Map.js",
-      "fileHash": "4c0c0c1b",
+      "fileHash": "55db198a",
       "needsInterop": false
     },
     "ol/View": {
       "src": "../../../../../node_modules/ol/View.js",
       "file": "ol_View.js",
-      "fileHash": "9f74b348",
+      "fileHash": "15a42d70",
+      "needsInterop": false
+    },
+    "ol/source/XYZ": {
+      "src": "../../../../../node_modules/ol/source/XYZ.js",
+      "file": "ol_source_XYZ.js",
+      "fileHash": "3636e876",
       "needsInterop": false
     },
     "ol/layer/Tile": {
       "src": "../../../../../node_modules/ol/layer/Tile.js",
       "file": "ol_layer_Tile.js",
-      "fileHash": "0d074a01",
+      "fileHash": "de6201cb",
+      "needsInterop": false
+    },
+    "ol": {
+      "src": "../../../../../node_modules/ol/index.js",
+      "file": "ol.js",
+      "fileHash": "46e04143",
       "needsInterop": false
     },
     "ol/source/OSM": {
       "src": "../../../../../node_modules/ol/source/OSM.js",
       "file": "ol_source_OSM.js",
-      "fileHash": "d8d0583d",
+      "fileHash": "565d339c",
       "needsInterop": false
     },
-    "ol/source/XYZ": {
-      "src": "../../../../../node_modules/ol/source/XYZ.js",
-      "file": "ol_source_XYZ.js",
-      "fileHash": "b5819dc7",
-      "needsInterop": false
-    },
-    "ol/proj.js": {
-      "src": "../../../../../node_modules/ol/proj.js",
-      "file": "ol_proj__js.js",
-      "fileHash": "07f1c4e3",
+    "ol/source/TileWMS": {
+      "src": "../../../../../node_modules/ol/source/TileWMS.js",
+      "file": "ol_source_TileWMS.js",
+      "fileHash": "4ca8a241",
       "needsInterop": false
     }
   },
   "chunks": {
-    "chunk-5XJRSVKZ": {
-      "file": "chunk-5XJRSVKZ.js"
+    "chunk-WLSPF24H": {
+      "file": "chunk-WLSPF24H.js"
+    },
+    "chunk-KXUXQA7T": {
+      "file": "chunk-KXUXQA7T.js"
+    },
+    "chunk-BNGLEGWC": {
+      "file": "chunk-BNGLEGWC.js"
+    },
+    "chunk-DTTSDZF7": {
+      "file": "chunk-DTTSDZF7.js"
+    },
+    "chunk-FBIBBBAT": {
+      "file": "chunk-FBIBBBAT.js"
+    },
+    "chunk-NCHRDZTW": {
+      "file": "chunk-NCHRDZTW.js"
     },
-    "chunk-WTUDE66F": {
-      "file": "chunk-WTUDE66F.js"
+    "chunk-UQZVB5HX": {
+      "file": "chunk-UQZVB5HX.js"
     },
-    "chunk-ARZV7UKR": {
-      "file": "chunk-ARZV7UKR.js"
+    "chunk-RX6QMJ6F": {
+      "file": "chunk-RX6QMJ6F.js"
     },
-    "chunk-I7RFV7Q6": {
-      "file": "chunk-I7RFV7Q6.js"
+    "chunk-X4YAZCZ2": {
+      "file": "chunk-X4YAZCZ2.js"
     },
-    "chunk-JB7YMK5C": {
-      "file": "chunk-JB7YMK5C.js"
+    "chunk-AAY3FDWZ": {
+      "file": "chunk-AAY3FDWZ.js"
     },
-    "chunk-DYZMGCY6": {
-      "file": "chunk-DYZMGCY6.js"
+    "chunk-B65I3WJP": {
+      "file": "chunk-B65I3WJP.js"
     },
-    "chunk-OO2V2UCD": {
-      "file": "chunk-OO2V2UCD.js"
+    "chunk-MG4XNXBY": {
+      "file": "chunk-MG4XNXBY.js"
     },
     "chunk-TYRVL62N": {
       "file": "chunk-TYRVL62N.js"