From 13fe0cbb9942392bf07de7ea534e3fcd9b3cba81 Mon Sep 17 00:00:00 2001 From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com> Date: Fri, 24 Oct 2025 15:39:25 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/basic/model-manage/index.vue | 118 ++++++++++++++++++++++++- 1 file changed, 117 insertions(+), 1 deletion(-) diff --git a/src/views/basic/model-manage/index.vue b/src/views/basic/model-manage/index.vue index fc43835..464032e 100644 --- a/src/views/basic/model-manage/index.vue +++ b/src/views/basic/model-manage/index.vue @@ -317,6 +317,8 @@ export default { .then((res) => { this.modelPreviewInfoList = res.data this.modelPreviewVisible = true + + console.log('res', res.data) this.initMap() }) .catch((err) => { @@ -693,8 +695,49 @@ export default { this.map.clearOverlays() for (const item of modelInfoList) { + console.log(item, 'item') try { - if (item.entityType === 'LINE') { + // 处理新的LWPOLYLINE数据结构 + + if (item.entityType === 'LWPOLYLINE') { + console.log('处理LWPOLYLINE:', item) + const pointList = JSON.parse(item.geometry) + + if (pointList.points && pointList.points.length > 0) { + // 提取坐标点和角度信息 + const pointsWithAngles = pointList.points.map((point) => { + const [lng, lat, , , angle] = point // 提取经度、纬度和角度 + return { + point: new BMapGL.Point(lng, lat), + angle: angle || 40, // 角度信息 + } + }) + + console.log(pointsWithAngles, 'pointsWithAngles') + + // 根据颜色设置线条样式 + const getColorByIndex = (colorIndex) => { + const colors = ['red', 'yellow', 'green', 'cyan', 'blue', 'magenta', 'white', 'gray'] + return colors[colorIndex] || 'red' + } + + // 生成一个0-7的随机整数作为颜色索引 + const colorIndex = Math.floor(Math.random() * 7) + + // 创建带弧度的多段线 + const curvedLinePoints = this.createCurvedLine(pointsWithAngles) + + // 创建多段线（带弧度） + const polyline = new BMapGL.Polyline(curvedLinePoints, { + strokeColor: getColorByIndex(colorIndex), + strokeWeight: 2, + strokeOpacity: 0.8, + strokeStyle: 'solid', + }) + + this.map.addOverlay(polyline) + } + } else if (item.entityType === 'LINE') { const geometry = JSON.parse(item.geometry) const start = geometry.start const end = geometry.end @@ -725,6 +768,8 @@ export default { // 处理多边形或其他图形 const pointList = JSON.parse(item.geometry) + console.log(pointList, 'pointList') + if (pointList.points.length > 0) { // 解析点坐标和角度（假设格式为 [x, y, ..., angle]） const path = pointList.points.map((p) => { @@ -829,6 +874,77 @@ export default { }) } }, + + // 创建带弧度的线条 + createCurvedLine(pointsWithAngles) { + if (pointsWithAngles.length < 2) { + return pointsWithAngles.map((p) => p.point) + } + + const curvedPoints = [] + + for (let i = 0; i < pointsWithAngles.length - 1; i++) { + const currentPoint = pointsWithAngles[i] + const nextPoint = pointsWithAngles[i + 1] + + // 添加当前点 + curvedPoints.push(currentPoint.point) + + // 如果当前点有角度信息，创建弧度 + if (currentPoint.angle !== 0) { + const controlPoints = this.generateCurveControlPoints( + currentPoint.point, + nextPoint.point, + currentPoint.angle, + ) + curvedPoints.push(...controlPoints) + } + } + + // 添加最后一个点 + curvedPoints.push(pointsWithAngles[pointsWithAngles.length - 1].point) + + return curvedPoints + }, + + // 生成曲线控制点（基于角度） + generateCurveControlPoints(startPoint, endPoint, angle) { + const controlPoints = [] + const segments = 5 // 在两点之间插入5个控制点来创建平滑曲线 + + // 计算起点和终点之间的距离 + const distance = this.calculateDistance(startPoint, endPoint) + + // 根据角度计算弧度半径 + const radius = Math.abs(distance * 0.3) // 弧度半径为基础距离的30% + + for (let i = 1; i < segments; i++) { + const t = i / segments // 插值参数 (0-1) + + // 线性插值得到基础点 + const baseLng = startPoint.lng + (endPoint.lng - startPoint.lng) * t + const baseLat = startPoint.lat + (endPoint.lat - startPoint.lat) * t + + // 根据角度计算偏移 + const offsetDistance = radius * Math.sin(t * Math.PI) // 使用正弦函数创建平滑弧度 + const offsetLng = offsetDistance * Math.cos(angle) * 0.0001 // 经度偏移 + const offsetLat = offsetDistance * Math.sin(angle) * 0.0001 // 纬度偏移 + + // 创建控制点 + const controlPoint = new BMapGL.Point(baseLng + offsetLng, baseLat + offsetLat) + + controlPoints.push(controlPoint) + } + + return controlPoints + }, + + // 计算两点之间的距离（简化版本） + calculateDistance(point1, point2) { + const dx = point2.lng - point1.lng + const dy = point2.lat - point1.lat + return Math.sqrt(dx * dx + dy * dy) + }, }, }