From ffe45a240d394ed5ed5c5f38d623481efbfaf5d0 Mon Sep 17 00:00:00 2001 From: yiqiuyang Date: Mon, 27 Oct 2025 09:54:17 +0800 Subject: [PATCH] =?UTF-8?q?=E5=90=88=E5=B9=B6=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/home/home.vue | 96 +++-------------------------------------- 1 file changed, 5 insertions(+), 91 deletions(-) diff --git a/src/views/home/home.vue b/src/views/home/home.vue index b7aff2a..cd2037e 100644 --- a/src/views/home/home.vue +++ b/src/views/home/home.vue @@ -436,9 +436,7 @@ export default { } }, async mounted() { - [...document.querySelectorAll('*')].forEach(n => - console.log(window.getComputedStyle(n).fontFamily) -) + ;[...document.querySelectorAll('*')].forEach((n) => console.log(window.getComputedStyle(n).fontFamily)) this.viewer = null await this.getMapOption() this.$nextTick(async () => { @@ -481,7 +479,7 @@ export default { }, defaultLabelStyle: { font: '16px "DengXian",sans-serif', - } + }, // basemaps: [ // { // id: "image-tdss", @@ -1281,9 +1279,7 @@ export default { this.viaPoints = this.viaPoints.filter((viaPoint) => viaPoint.style.time !== row.time) } else { if (this.viaPoints.length > 0) { - const graphic = this.viaPoints.find( - (viaPoint) => viaPoint.style.time === row.time - ) + const graphic = this.viaPoints.find((viaPoint) => viaPoint.style.time === row.time) this.updatePointPosition(graphic, row.points) } else { const time = new Date().getTime() @@ -1304,9 +1300,7 @@ export default { this.avoidPoints = this.avoidPoints.filter((avoidPoint) => avoidPoint.style.time !== row.time) } else { if (this.avoidPoints.length > 0) { - const graphic = this.avoidPoints.find( - (avoidPoint) => avoidPoint.style.time === row.time - ) + const graphic = this.avoidPoints.find((avoidPoint) => avoidPoint.style.time === row.time) this.updatePointPosition(graphic, row.points) } else { const time = new Date().getTime() @@ -1327,9 +1321,7 @@ export default { this.avoidAreas = this.avoidAreas.filter((avoidArea) => avoidArea.style.time !== row.time) } else { if (this.avoidAreas.length > 0) { - const graphic = this.avoidAreas.find( - (avoidArea) => avoidArea.style.time === row.time - ) + const graphic = this.avoidAreas.find((avoidArea) => avoidArea.style.time === row.time) this.updatePolygonPosition(graphic, row.points) } else { const time = new Date().getTime() @@ -1910,93 +1902,15 @@ export default { const coordsToUse = isForward ? segCoords : [...segCoords].reverse() // === 使用第一个版本的精细连接逻辑，但加入第二个版本的途经点切片 === - const lastPt = segmentPath[segmentPath.length - 1]; - const firstOfSeg = coordsToUse[0]; const lastPt = segmentPath[segmentPath.length - 1] const firstOfSeg = coordsToUse[0] - const distLastToFirst = this.calculateDistance(lastPt, firstOfSeg); - - // 如果是途经点，需要找到终点垂足在当前位置 - const endPerpNearest = this.findNearestPointWithIndex(coordsToUse, endConnection.perpendicularPoint); - const endNi = endPerpNearest.index; const distLastToFirst = this.calculateDistance(lastPt, firstOfSeg) // 如果是途经点，需要找到终点垂足在当前位置 const endPerpNearest = this.findNearestPointWithIndex(coordsToUse, endConnection.perpendicularPoint) const endNi = endPerpNearest.index - if (distLastToFirst < 1e-6) { - // 精度上相同，直接接上（跳过第一个） - // 如果是途经点，需要切片到垂足 - if (endConnection.type === 'via') { - segmentPath.push(...coordsToUse.slice(1, endNi + 1)); - // 保存垂直点之后的路网后半截 - viaPerpRemainingCoords = coordsToUse.slice(endNi); - } else { - segmentPath.push(...coordsToUse.slice(1)); - } - } else { - // 找到 coordsToUse 上与 lastPt 最近的索引 - const nearestInfo = this.findNearestPointWithIndex(coordsToUse, lastPt); - const ni = nearestInfo.index; - - // === 整合第二个版本的途经点切片逻辑 === - if (endConnection.type === 'via') { - // 途经点处理：统一以终点垂足为切片终点 - if (ni <= endNi) { - segmentPath.push(...coordsToUse.slice(ni, endNi + 1)); - // 关键：保存垂直点之后的路网后半截（供后续路径延续） - viaPerpRemainingCoords = coordsToUse.slice(endNi); - } else { - const reversedSlice = coordsToUse.slice(endNi, ni + 1).reverse(); - segmentPath.push(...reversedSlice); - // 关键：保存垂直点之后的路网后半截（反向场景需要反转回去） - const originalRemaining = coordsToUse.slice(endNi); - viaPerpRemainingCoords = originalRemaining.reverse(); - } - } else { - // 非途经点：使用第一个版本的完整连接逻辑 - if (ni === 0) { - // 从头开始接（直接接） - segmentPath.push(...coordsToUse); - } else if (ni === coordsToUse.length - 1) { - // 最近点是段尾 —— 说明我们需要反向接（取反转） - const rev = [...coordsToUse].reverse(); - // 以 rev 的第一个点连接 - if (this.calculateDistance(lastPt, rev[0]) < 1e-6) { - segmentPath.push(...rev.slice(1)); - } else { - // 否则直接把最近点加入并向最近端延伸（避免断链） - segmentPath.push(coordsToUse[ni]); - // 选择靠近终点的方向延伸（更短的一侧） - const distToStart = this.calculateDistance(coordsToUse[ni], coordsToUse[0]); - const distToEnd = this.calculateDistance(coordsToUse[ni], coordsToUse[coordsToUse.length - 1]); - if (distToStart <= distToEnd) { - const toStart = coordsToUse.slice(0, ni).reverse(); - segmentPath.push(...toStart); - } else { - const toEnd = coordsToUse.slice(ni + 1); - segmentPath.push(...toEnd); - } - } - } else { - // 最近点在中间：选择向起点或终点延伸，取较短的一侧 - segmentPath.push(coordsToUse[ni]); - const distToStart = this.calculateDistance(coordsToUse[ni], coordsToUse[0]); - const distToEnd = this.calculateDistance(coordsToUse[ni], coordsToUse[coordsToUse.length - 1]); - if (distToStart <= distToEnd) { - const toStart = coordsToUse.slice(0, ni).reverse(); - segmentPath.push(...toStart); - } else { - const toEnd = coordsToUse.slice(ni + 1); - segmentPath.push(...toEnd); - } - } - } - } - } - } if (distLastToFirst < 1e-6) { // 精度上相同，直接接上（跳过第一个） // 如果是途经点，需要切片到垂足