查看位置页面路基调整

App.vue

@@ -2,23 +2,6 @@
 export default {
   onReady() {
 
-    
-    // this.$common.getStorage("user").then((res) => {
-    // 	if (res == null || res == "") {
-    // 		uni.redirectTo({
-    // 			url: "/pages/login/login"
-    // 		});
-    // 	}
-    // });
-
-    const _self = this;
-    // const _handlePush = function(message) {
-    // 	uni.navigateTo({
-    // 		url: "/pages/task/index"
-    // 	});
-    // };
-    // plus.push.addEventListener('click', _handlePush);
-    // plus.push.addEventListener('receive', _handlePush);
   },
   onShow: function () {
     console.log("App Show");
@@ -35,7 +18,6 @@ export default {
     if (userInfo) {
       // 处理用户数据
       this.$store.dispatch("changeTabbar", userInfo.role_id);
-
     }
 
   },

manifest.json

@@ -33,7 +33,8 @@
                     "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
                     "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
                     "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>",
+                    "<uses-permission android:name=\"android.permission.LOCATION\"/>"
                 ],
                 "minSdkVersion" : 19,
                 "targetSdkVersion" : 28

pages/login/login.vue

@@ -26,7 +26,6 @@
 <script>
 import { getTopUrl, bjectToQueryString } from "@/utils/util";
 import md5 from "@/uni_modules/md5/md5.min.js";
-import tabBar from "@/utils/tabbar.js"; // 引入刚刚创建的tabBar.js
 
 export default {
   data() {

pages/order/location.vue

@@ -1,25 +1,39 @@
 <template>
 	<view style="width: 100%;height: 100vh;">
-		<map :scale="scale" style="width: 100%; height: 100%;" :show-compass="true"
+		<!-- 
-			:enable-overlooking="false" :enable-satellite="false" :enable-traffic="true" :show-location="true"
+			show-compass   是否显示指南针
-			:latitude="latitude" :longitude="longitude" :markers="markers" >
+			enable-overlooking  是否开启俯视
+			enable-satellite  是否开启卫星图
+			enable-traffic    是否开启实时路况
+			show-location    显示带有方向的当前定位点
+			latitude   经度
+			longitude  纬度
+			markers    标记点
+		-->
+		<map :scale="scale" style="width: 100%; height: 100%;" :show-compass="true" :enable-overlooking="false"
+			:enable-satellite="false" :enable-traffic="true" :show-location="true" :latitude="latitude"
+			:longitude="longitude" :markers="markers">
 		</map>
 	</view>
 </template>
 
 <script>
-	export default {
+/*
+	markers   获取维修人员的位置信息
+	latitude和longitude   显示目的地的位置
+*/ 
+export default {
 	data() {
 		return {
-				scale: 12,//地图的缩放 5-18取值
+			scale: 16,//地图的缩放 5-18取值
-				latitude: 30.64525,//蓝色点的位置---自己当前的位置   纬度
+			latitude: 36.146504,//蓝色点的位置---自己当前的位置   纬度
-				longitude: 114.17240,  //自己当 前位置的经度
+			longitude: 120.486065,  //自己当 前位置的经度
 			markers: [{
 				id: 1,
-					latitude: 30.51242,//门店图片点的 纬度
+				latitude: 36.146504,//门店图片点的 纬度
-					longitude: 114.18055,//经度
+				longitude: 120.486065,//经度
-					height: 80,//图片的宽高
+				height: 160,//图片的宽高
-					width: 80,
+				width: 160,
 				callout: {
 					color: '#007AFF', // 文本颜色
 					bgColor: '#fff', // 背景色
@@ -31,8 +45,27 @@
 					content: '距离5km',
 				},
 
-					iconPath: 'https://zpkoss.oss-cn-shenzhen.aliyuncs.com/newsys/dms_app/logo/house.jpg'//图
+				iconPath: '/static/images/position/destination.png'//图
-				}, ]
+			},
+			{
+				id:2,
+				latitude: 35.146504,//门店图片点的 纬度
+				longitude: 116.486065,//经度
+				height: 160,//图片的宽高
+				width: 160,
+				callout: {
+					color: '#007AFF', // 文本颜色
+					bgColor: '#fff', // 背景色
+					display: "ALWAYS", // 'BYCLICK':点击显示; 'ALWAYS':常显
+					fontSize: 15,
+					textAlign: 'left', // 文本对齐方式。有效值: left, right, center
+					padding: 10, // 文本边缘留白
+					borderRadius: 5,
+					content: '距离5km',
+				},
+
+				iconPath: '/static/images/position/weixiu.png'//图
+			}]
 		};
 	},
 	methods: {
@@ -42,6 +75,8 @@
 		},
 		// 根据经纬度计算距离，参数分别为第一点的纬度，经度；第二点的纬度，经度
 		getDistances(lat1, lng1, lat2, lng2) {
+			console.log('计算距离',lat1, lng1, lat2, lng2)
+
 			var radLat1 = this.rad(lat1);
 			var radLat2 = this.rad(lat2);
 			var a = radLat1 - radLat2;
@@ -64,34 +99,33 @@
 				distance_str: distance_str
 			}
 			this.markers[0].callout.content = '距离您' + objData.distance_str
-			}
 		},
-		mounted() {
+		// 获取当前经纬度
-			let that = this
+		getLocation() {
-			//获取当前位置
+			// uni.getLocation({
-			uni.getLocation({
+			// 	type: 'wgs84',
-				type: 'wgs84',
+			// 	success: (res) => {
-				geocode: true, //设置该参数为true可直接获取经纬度及城市信息
+			// 		this.latitude = res.latitude//当前位置
-				success: function(res) {
+			// 		this.longitude = res.longitude
-					console.log(res)
+					this.markers[1].latitude =  this.latitude+20//配送员位置  可调接口实时获取并且赋值
-					that.latitude = res.latitude//当前位置
+					this.markers[1].longitude = this.longitude+20
-					that.longitude = res.longitude
+			// 		console.log('定位成功:', res,this.markers);
-					that.markers[0].latitude = 30.51242//配送员位置  可调接口实时获取并且赋值
+					this.getDistances(this.markers[1].latitude, this.markers[1].longitude,this.markers[0].latitude,  this.markers[0].longitude)
-					that.markers[0].longitude = 114.18055
+			// 	},
+			// 	fail: (err) => {
+			// 		this.error = err;
+			// 		console.error('定位失败:', err);
+			// 	}
+			// });
 		},
-				fail: function() {
-					uni.showToast({
-						title: '获取地址失败，将导致部分功能不可用',
-						icon: 'none'
-					});
-				}
-			});
-			//调用计算距离方法
-			this.getDistances(30.64525, 114.17240, 30.51242, 114.18055)
 	},
-	};
+	onload() {
-</script>
 
-<style scoped>
+	},
+	mounted() {
+		this.getLocation()
+	},
+};
+</script>
 
-</style>
+<style scoped></style>

store/index.js

@@ -47,6 +47,9 @@ const store = new Vuex.Store({
         uni.reLaunch({
           url: "/pages/order/tasking",
         });
+
+        // 如果是维修人员登录   则实时更新当前维修人员的位置
+        
       }
 
     },