From 835f637aad4d8b4eb008301d000623139ce7f2b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E5=B0=8F?= <736883394@qq.com>
Date: Wed, 7 May 2025 16:05:17 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=90=E8=90=A5=E5=8C=BA=E5=90=8E=E5=8F=B0?=
 =?UTF-8?q?=E9=87=8D=E6=9E=84=E6=8E=A5=E5=8F=A3=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ebike-maintenance/pages/home/home.vue |  41 ++++++-
 ebike-maintenance/stores/selarea.js   |   2 +-
 ebike-maintenance/utils/map.js        | 163 +++++++++++++++++++-------
 3 files changed, 160 insertions(+), 46 deletions(-)

diff --git a/ebike-maintenance/pages/home/home.vue b/ebike-maintenance/pages/home/home.vue
index 90f0691..ed9c1a4 100644
--- a/ebike-maintenance/pages/home/home.vue
+++ b/ebike-maintenance/pages/home/home.vue
@@ -208,7 +208,8 @@
 		</uni-drawer>
 		<map :style="{width: '100%',height:height}" show-location id="mapRef" ref="mapRef" :scale="scale"
 			:markers="markers" :longitude="mapcenter.longitude" :latitude="mapcenter.latitude" :circles="circles"
-			:polygons="polygons" :polyline="polylines" @markertap="markerTap" @labeltap="markerTap" />
+			:polygons="polygons" :polyline="polylines" @markertap="markerTap" @labeltap="markerTap"
+			@regionchange="regionchange" />
 	</div>
 </template>
 
@@ -314,12 +315,15 @@
 					latitude: lat,
 					longitude: lng
 				} = res;
-
 				mapcenter.value = {
 					latitude: lat,
 					longitude: lng
 				};
 
+				// mapcenter.value = {
+				// 	latitude: 30.644955,
+				// 	longitude: 103.978296
+				// };
 				map.reverseGeocoder(qqmapsdk, lng, lat, (res) => {
 					const {
 						ad_info: {
@@ -409,7 +413,7 @@
 				latitude,
 				longitude
 			} = res;
-
+			scale.value = 13;
 		})
 	}
 
@@ -789,6 +793,10 @@
 			markerId
 		} = e.detail;
 		const selMarker = arrMakers[markerId];
+		if (!selMarker) {
+			console.log("markerTap未找到点！")
+			return;
+		}
 		const {
 			updatedAt,
 			bikeCode,
@@ -854,6 +862,33 @@
 			map.direction(options)
 		}, null, true);
 	}
+
+	function regionchange(e) {
+		console.log("1111111111111111111111111", e)
+		// "centerLocation": {
+		// 	"latitude": 30.633169,
+		// 	"longitude": 103.975094
+		// },
+		// "region": {
+		// 	"southwest": {
+		// 		"latitude": 30.628234,
+		// 		"longitude": 103.971932
+		// 	},
+		// 	"northeast": {
+		// 		"latitude": 30.638104,
+		// 		"longitude": 103.978255
+		// 	}
+		// }
+		const {
+			type,causedBy,region
+		} = e.detail;
+		if (type != "end") return;
+		
+		const minLat= region.southwest.latitude;
+		 const maxLat= region.northeast.latitude;
+		const  minLng=region.southwest.longitude;
+		const  maxLng= region.northeast.longitude;
+	}
 </script>
 
 <style scoped>
diff --git a/ebike-maintenance/stores/selarea.js b/ebike-maintenance/stores/selarea.js
index cd7e012..bfb3713 100644
--- a/ebike-maintenance/stores/selarea.js
+++ b/ebike-maintenance/stores/selarea.js
@@ -6,7 +6,7 @@ export const useSelarea = defineStore('selarea', ()=>{
 	const setValue=(value)=>{
 		data.value=value;
 	}
-	return{ value:data.value, setValue};
+	return{ value:data, setValue};
 },{
 	persist: true
 })
\ No newline at end of file
diff --git a/ebike-maintenance/utils/map.js b/ebike-maintenance/utils/map.js
index e188538..f562e11 100644
--- a/ebike-maintenance/utils/map.js
+++ b/ebike-maintenance/utils/map.js
@@ -216,21 +216,25 @@ export function getOperation(zoneId, callback) {
 		} = res;
 		if (code != 200) {
 			showModelMessage(message);
-			if(callback) callback(null);
+			if (callback) callback(null);
 			return;
 		}
 		const arrCircles = [];
 		const arrPolygons = [];
 		const arrRegionID = [];
-		const arrCirclesData=[];
+		const arrCirclesData = [];
 		const arrPolygonsData = [];
 		data.map((item, index) => {
 			const {
 				shapeType,
-				regionId,
+				operationRegionId: regionId,
 				radius,
 				points
 			} = item;
+			if (!points) {
+				console.log("getOperation坐标点未返回");
+				return;
+			}
 			arrRegionID.push(regionId);
 			const scolor = "#578FD4";
 			const fcolor = "#c0daf54d";
@@ -254,20 +258,24 @@ export function getOperation(zoneId, callback) {
 
 		});
 
-		if(callback) callback({
-			arrRegionID,
-			arrCircles,
-			arrPolygons,
-			arrData: data,
-			arrCirclesData,
-			arrPolygonsData
-		});
+		if (callback) {
+			const resData = {
+				arrRegionID,
+				arrCircles,
+				arrPolygons,
+				arrData: data,
+				arrCirclesData,
+				arrPolygonsData
+			}
+			console.log("000000000000000000000000", resData);
+			callback(resData);
+		}
 
 	})
 };
 
 //站点、停车区
-export function getRegionData  (arrRegionID, callback) {
+export function getRegionData(arrRegionID, callback) {
 	if (!arrRegionID || arrRegionID.length == 0) return;
 	const arrMethods = [];
 	arrRegionID.map(regionId => {
@@ -281,7 +289,7 @@ export function getRegionData  (arrRegionID, callback) {
 		const arrCircles = [];
 		const arrPolygons = [];
 		const arrData = [];
-		const arrCirclesData=[];
+		const arrCirclesData = [];
 		const arrPolygonsData = [];
 		res.map(item => {
 			const {
@@ -305,7 +313,7 @@ export function getRegionData  (arrRegionID, callback) {
 						longitude: lng,
 						latitude: lat
 					} = points[0];
-					arrCircles.push(addCirle(scolor, fcolor, lng, lat,radius));
+					arrCircles.push(addCirle(scolor, fcolor, lng, lat, radius));
 					arrCirclesData.push(data);
 				} else if (shapeType == 2) {
 					const arrPoint = points.map(p => {
@@ -322,7 +330,9 @@ export function getRegionData  (arrRegionID, callback) {
 		if (callback) callback({
 			arrData,
 			arrCircles,
-			arrPolygons
+			arrPolygons,
+			arrCirclesData,
+			arrPolygonsData
 		});
 	})
 }
@@ -470,31 +480,100 @@ export function direction({
 }
 
 // 几何中心计算算法（适用于任意多边形）
- export function  getPolygonCenter(points) {
-  let X = 0, Y = 0, Z = 0;
-  const pointCount = points.length;
- 
-  points.forEach(point => {
-    const lat = point.latitude * Math.PI / 180;
-    const lng = point.longitude * Math.PI / 180;
-    const x = Math.cos(lat) * Math.cos(lng);
-    const y = Math.cos(lat) * Math.sin(lng);
-    const z = Math.sin(lat);
- 
-    X += x;
-    Y += y;
-    Z += z;
-  });
- 
-  X /= pointCount;
-  Y /= pointCount;
-  Z /= pointCount;
- 
-  const lng = Math.atan2(Y, X);
-  const lat = Math.atan2(Z, Math.sqrt(X * X + Y * Y));
- 
-  return {
-    lat: lat * 180 / Math.PI,
-    lng: lng * 180 / Math.PI
-  };
+export function getPolygonCenter(points) {
+	let X = 0,
+		Y = 0,
+		Z = 0;
+	const pointCount = points.length;
+
+	points.forEach(point => {
+		const lat = point.latitude * Math.PI / 180;
+		const lng = point.longitude * Math.PI / 180;
+		const x = Math.cos(lat) * Math.cos(lng);
+		const y = Math.cos(lat) * Math.sin(lng);
+		const z = Math.sin(lat);
+
+		X += x;
+		Y += y;
+		Z += z;
+	});
+
+	X /= pointCount;
+	Y /= pointCount;
+	Z /= pointCount;
+
+	const lng = Math.atan2(Y, X);
+	const lat = Math.atan2(Z, Math.sqrt(X * X + Y * Y));
+
+	return {
+		lat: lat * 180 / Math.PI,
+		lng: lng * 180 / Math.PI
+	};
+}
+
+
+// 工具函数：将像素坐标转换为经纬度
+function pixelToLatLng(map, x, y) {
+	// return new Promise((resolve) => {
+	//   map.getCenterLocation({
+	//     success: (res) => {
+	//       const center = { lat: res.latitude, lng: res.longitude };
+	//       const scale = map.scale;
+	//       const pixelWidth = 256 * Math.pow(2, (18 - scale)); // 缩放级别对应的像素宽度
+	//       const latOffset = (y - map.height / 2) * (180 / (256 * Math.pow(2, scale))) / 3600;
+	//       const lngOffset = (x - map.width / 2) * (180 / (256 * Math.pow(2, scale))) / 3600;
+	//       resolve({
+	//         latitude: center.lat + latOffset,
+	//         longitude: center.lng + lngOffset
+	//       });
+	//     }
+	//   });
+	// });
+}
+
+// 计算可视区域四个角点
+export function calculateVisibleBounds(map) {
+	map.getScale((res) => {
+		console.log("00000000000000000000", res)
+	})
+
+	//  const topLeft = await pixelToLatLng(map, 0, 0);
+	//  const topRight = await pixelToLatLng(map, width, 0);
+	//  const bottomLeft = await pixelToLatLng(map, 0, height);
+	//  const bottomRight = await pixelToLatLng(map, width, height);
+
+	//  return {
+	//    minLat: Math.min(topLeft.latitude, bottomLeft.latitude),
+	//    maxLat: Math.max(topRight.latitude, bottomRight.latitude),
+	//    minLng: Math.min(topLeft.longitude, topRight.longitude),
+	//    maxLng: Math.max(bottomLeft.longitude, bottomRight.longitude)
+	//  };
+}
+
+// 判断点是否在多边形内（射线法）
+export function checkPointInPolygon(longitude, latitude, polygon) {
+	let x = longitude,
+		y = latitude;
+	let inside = false;
+	for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+		const xi = polygon[i].longitude,
+			yi = polygon[i].latitude;
+		const xj = polygon[j].longitude,
+			yj = polygon[j].latitude;
+
+		// 检测边是否跨过射线
+		const intersect = ((yi > y) !== (yj > y)) &&
+			(x < (xj - xi) * (y - yi) / (yj - yi) + xi);
+		if (intersect) inside = !inside;
+	}
+	return inside;
+}
+
+// 判断点(x,y)是否在圆心(cx,cy)半径r的圆内
+export function isPointInCircle(longitude, latitude, center, radius) {
+	debugger;
+	const dx = longitude - center.lng; // 经度差
+	const dy = latitude - center.lat; // 纬度差
+	const distance = Math.sqrt(dx * dx + dy * dy);
+	return distance <= radius;
 }
\ No newline at end of file