@ -81,21 +81,12 @@
< / div >
< / el-form-item >
< / el-form >
< input
type = "file"
ref = "fileInput"
@change ="handleFileUpload"
style = "display: none"
/ >
< input type = "file" ref = "fileInput" @change ="handleFileUpload" style = "display: none" / >
< div class = "importJson" @click ="triggerFileUpload" > 导入json文件 < / div >
< / div >
< div class = "control-panel" >
< div class = "title" > 隐蔽添加 < / div >
< el-form
label -width = " 120px "
label -position = " left "
size = "mini"
>
< el-form label -width = " 120px " label -position = " left " size = "mini" >
< el-form-item label = "缓冲半径（ ） >
< el-input v-model = "hideform.radius" > < / el -input >
< / el-form-item >
@ -112,12 +103,7 @@
< span > 参与路线规划 < / span >
< / div >
< / div >
< el-form
@submit.native.prevent ="calculateShortestPath"
label -width = " 120px "
label -position = " left "
size = "mini"
>
< el-form @submit.native.prevent ="calculateShortestPath" label -width = " 120px " label -position = " left " size = "mini" >
< el-form-item label = "宽度" >
< el-input v-model = "inputform.width" > < / el -input >
< / el-form-item >
@ -125,10 +111,7 @@
< el-input v-model = "inputform.load" placeholder="" > < / el -input >
< / el-form-item >
< el-form-item label = "最小转弯半径" >
< el-input
v-model = "inputform.minTurnRadius"
placeholder = ""
> < / el-input >
< el-input v-model = "inputform.minTurnRadius" placeholder="" > < / el -input >
< / el-form-item >
< / el-form >
< div class = "importJson" @click ="openDialog" > 数据选择 < / div >
@ -156,7 +139,7 @@
inputform . minTurnRadius || 0
} } ， 最大车辆载重 { { inputform . load || 0 } } 吨
< / div >
< vxe-table ref = "xTable" :data = "infoList" style = "max-height: 50vh;overflow: hidden;overflow-y: auto; " >
< vxe-table ref = "xTable" :data = "infoList" style = "max-height: 50vh; overflow: hidden; overflow-y: auto" >
< vxe-column field = "编码" title = "编码" width = "65px" > < / vxe-column >
< vxe-column field = "名称" title = "名称" width = "80px" > < / vxe-column >
< vxe-column field = "宽度" title = "路宽" > < / vxe-column >
@ -165,7 +148,7 @@
< vxe-column field = "水深" title = "水深" > < / vxe-column >
< vxe-column field = "净空高" title = "净空高" width = "65px" > < / vxe-column >
< / vxe-table >
< vxe-table :data = "factoriesWithVehicles" style = "margin-top: 10px; " >
< vxe-table :data = "factoriesWithVehicles" style = "margin-top: 10px" >
< vxe-column field = "options.style.properties.FID_1" title = "厂房id" > < / vxe-column >
< vxe-column field = "area" title = "面积(㎡)" >
< template v-slot = "{row}" >
@ -174,14 +157,14 @@
< / vxe -column >
< vxe-column field = "vehicles" title = "车辆" >
< template v-slot = "{row}" >
{{ ( row.vehicles.map ( item > item . name ) ) join ( ',' ) } }
{{ row.vehicles.map ( ( item) > item . name ) . join ( ',' ) } }
< / template >
< / vxe-column >
< / vxe-table >
< / div >
< / div >
< el-dialog :visible.sync = "dialogVisible" title = "车辆选择" width = "800px" >
< div style = "margin-bottom: 10px; " >
< div style = "margin-bottom: 10px" >
< el-button type = "primary" size = "mini" @click ="handleAdd" > 新增 < / el -button >
< / div >
< vxe-table
@ -248,7 +231,7 @@
import Cookies from 'js-cookie'
import axios from 'axios'
import iniParser from 'ini-parser'
import configIni from '/config.ini' ;
import configIni from '/public/ config.ini'
export default {
data ( ) {
@ -321,7 +304,7 @@ export default {
. catch ( ( error ) => { } )
} ,
async initMap ( ) {
const parsedData = iniParser . parse ( configIni ) ;
const parsedData = iniParser . parse ( configIni )
this . viewer = new window . mars3d . Map (
'map' ,
{
@ -450,7 +433,7 @@ export default {
outline : false ,
} ,
} )
this . graphicLayer . addGraphic ( graphicLine ) ;
this . graphicLayer . addGraphic ( graphicLine )
} )
this . roadNetworkGeoJSONBuild = this . buildGraph ( this . roadNetworkGeoJSON )
this . loadFactoryGeoJson ( ) // 拿到厂房数据
@ -500,7 +483,7 @@ export default {
this . accordPoint = graphic
try {
// 创建缓冲区的宽度
const bufferWidth = this . hideform . radius ; // 避让区的宽度（单位：米）
const bufferWidth = this . hideform . radius // 避让区的宽度（单位：米）
// 获取绘制的点的坐标
const pointCoordinates = [
graphic . toGeoJSON ( ) . geometry . coordinates [ 0 ] ,
@ -514,12 +497,12 @@ export default {
coordinates : pointCoordinates ,
} ,
properties : { } ,
} ;
}
// 使用 Turf.js 计算缓冲区
let buffered = turf . buffer ( pointFeature , bufferWidth / 1000 , { units : 'kilometers' } ) ;
let buffered = turf . buffer ( pointFeature , bufferWidth / 1000 , { units : 'kilometers' } )
// 将缓冲区存储到数组中
this . bufferLayerList . push ( buffered ) ;
this . bufferLayerList . push ( buffered )
const polygon = new window . mars3d . graphic . PolygonEntity ( {
positions : buffered . geometry . coordinates [ 0 ] ,
style : {
@ -529,13 +512,13 @@ export default {
outlineWidth : 1 ,
outlineColor : '#ffffff' ,
} ,
time : new Date ( ) . getTime ( )
time : new Date ( ) . getTime ( ) ,
} )
this . accordFactoryLayer . addGraphic ( polygon ) ;
this . accordFactoryLayer . addGraphic ( polygon )
// 检查缓冲区内的厂房
this . checkFactoryInBuffer ( 'point' , pointCoordinates ) ;
this . checkFactoryInBuffer ( 'point' , pointCoordinates )
} catch ( error ) {
console . error ( " 缓冲区生成或检查异常:" , error ) ;
console . error ( ' 缓冲区生成或检查异常:' , error )
}
} ,
} )
@ -555,30 +538,30 @@ export default {
for ( const feature of this . shortestPathList [ 0 ] ) {
// this.shortestPathList[0].forEach((feature) => {
// 创建缓冲区的宽度
const bufferWidth = this . hideform . radius ; // 避让区的宽度（单位：米）
const bufferWidth = this . hideform . radius // 避让区的宽度（单位：米）
if ( feature . geometry . type === 'LineString' ) {
const positions = feature . geometry . coordinates [ 0 ] ;
const positions = feature . geometry . coordinates [ 0 ]
// 确保每条线至少有 2 个点
if ( positions . length < 2 ) {
console . warn ( '无效的线，跳过:' , feature ) ;
return ;
console . warn ( '无效的线，跳过:' , feature )
return
}
try {
// 使用 Turf.js 计算缓冲区
var buffered = turf . buffer ( feature , bufferWidth / 1000 , { units : 'kilometers' } ) ;
var buffered = turf . buffer ( feature , bufferWidth / 1000 , { units : 'kilometers' } )
// 将缓冲区存储到数组中
this . bufferLayerList . push ( buffered ) ;
this . bufferLayerList . push ( buffered )
} catch ( error ) {
console . error ( " 缓冲分析异常:" , error ) ;
console . error ( ' 缓冲分析异常:' , error )
}
} else if ( feature . geometry . type === 'MultiLineString' ) {
// 遍历每个线段
feature . geometry . coordinates . forEach ( ( lineCoordinates ) => {
// 检查每个线段是否有效
if ( lineCoordinates . length < 2 ) {
console . warn ( '多线段中的无效的线段，跳过:' , lineCoordinates ) ;
return ;
console . warn ( '多线段中的无效的线段，跳过:' , lineCoordinates )
return
}
// 创建单个线段的 GeoJSON 特征
@ -588,27 +571,27 @@ export default {
type : 'LineString' ,
coordinates : lineCoordinates ,
} ,
properties : feature . properties
} ;
properties : feature . properties ,
}
try {
// 使用 Turf.js 计算缓冲区
var buffered = turf . buffer ( lineFeature , bufferWidth / 1000 , { units : 'kilometers' } ) ;
var buffered = turf . buffer ( lineFeature , bufferWidth / 1000 , { units : 'kilometers' } )
// 将缓冲区存储到数组中
this . bufferLayerList . push ( buffered ) ;
this . bufferLayerList . push ( buffered )
} catch ( error ) {
console . error ( " 缓冲分析异常:" , error ) ;
console . error ( ' 缓冲分析异常:' , error )
}
} ) ;
} )
} else {
console . warn ( '不支持的几何类型:' , feature . geometry . type ) ;
console . warn ( '不支持的几何类型:' , feature . geometry . type )
}
}
// 去筛选在缓存区的厂房
this . checkFactoryInBuffer ( 'line' ) ;
this . checkFactoryInBuffer ( 'line' )
} catch ( error ) {
console . error ( " 处理路径列表时发生错误:" , error ) ;
console . error ( ' 处理路径列表时发生错误:' , error )
}
} ,
checkFactoryInBuffer ( type , pointInfo ) {
@ -629,106 +612,106 @@ export default {
// 检查几何对象的类型
if ( factory . geometry . type === 'MultiPolygon' ) {
// 创建多边形集合（ ）
const factoryMultiPoly = turf . multiPolygon ( factory . geometry . coordinates ) ;
const factoryMultiPoly = turf . multiPolygon ( factory . geometry . coordinates )
// 计算整个多边形集合的面积
const area = turf . area ( factoryMultiPoly ) ;
const area = turf . area ( factoryMultiPoly )
// 计算工厂多边形集合的边界框
const [ minX , minY , maxX , maxY ] = turf . bbox ( factoryMultiPoly ) ;
const [ minX , minY , maxX , maxY ] = turf . bbox ( factoryMultiPoly )
// 筛选与工厂边界框相交的缓冲区
const candidates = this . bufferLayerList . filter ( ( buffer ) => {
const [ bminX , bminY , bmaxX , bmaxY ] = turf . bbox ( buffer ) ;
return ! ( bmaxX < minX || bminX > maxX || bmaxY < minY || bminY > maxY ) ;
} ) ;
const [ bminX , bminY , bmaxX , bmaxY ] = turf . bbox ( buffer )
return ! ( bmaxX < minX || bminX > maxX || bmaxY < minY || bminY > maxY )
} )
// 精确相交检测
let isInside = false ;
let isInside = false
for ( const buffer of candidates ) {
if ( turf . booleanIntersects ( factoryMultiPoly , buffer ) ) {
// 如果工厂在缓冲区内，绘制所有多边形
isInside = true ;
this . drawFactory ( factory . geometry . coordinates , factory , area , pointInfo ) ;
break ;
isInside = true
this . drawFactory ( factory . geometry . coordinates , factory , area , pointInfo )
break
}
}
// 如果工厂不在任何缓冲区内
resolve ( ) ;
resolve ( )
} else {
reject ( new Error ( '不支持的几何类型' ) ) ;
reject ( new Error ( '不支持的几何类型' ) )
}
} )
} ) ;
} )
// 确保所有工厂处理完成后进行排序
Promise . allSettled ( factoryPromises )
. then ( async ( results ) => {
// 只有路线隐蔽规划需要塞入车辆 点的不需要
// 所有工厂处理完成，进行排序 按照距离近到远
this . accordFactoryInfo . sort ( ( a , b ) => a . distance - b . distance ) ;
this . accordFactoryInfo . sort ( ( a , b ) => a . distance - b . distance )
// 拿到当前的车队车辆信息 并且算出面积 按照从大到小排序
const areaList = JSON . parse ( Cookies . get ( 'minTurnRadius' ) )
areaList . map ( ( item ) => {
item . area = Number ( item . long ) * Number ( item . width )
} )
areaList . sort ( ( a , b ) => b . area - a . area ) ;
areaList . sort ( ( a , b ) => b . area - a . area )
// 初始化每个工厂的剩余面积
this . accordFactoryInfo . forEach ( factory => {
factory . remainingArea = factory . area ; // 记录每个工厂的剩余可用面积
factory . vehicles = [ ] ; // 确保每个工厂都有一个 vehicles 属性
} ) ;
this . accordFactoryInfo . forEach ( ( factory ) => {
factory . remainingArea = factory . area // 记录每个工厂的剩余可用面积
factory . vehicles = [ ] // 确保每个工厂都有一个 vehicles 属性
} )
// 遍历每个车辆，尝试塞入工厂
areaList . forEach ( ( vehicle ) => {
let isPlaced = false ;
let isPlaced = false
// 遍历每个工厂，尝试塞入车辆
for ( let i = 0 ; i < this . accordFactoryInfo . length ; i ++ ) {
const factory = this . accordFactoryInfo [ i ] ;
const factory = this . accordFactoryInfo [ i ]
// 检查工厂是否还有剩余面积
if ( factory . remainingArea >= vehicle . area ) {
// 塞入车辆
factory . vehicles . push ( {
... vehicle ,
remainingArea : factory . remainingArea - vehicle . area // 记录车辆塞入后的工厂剩余面积
} ) ;
remainingArea : factory . remainingArea - vehicle . area , // 记录车辆塞入后的工厂剩余面积
} )
// 更新工厂的剩余面积
factory . remainingArea -= vehicle . area ;
factory . remainingArea -= vehicle . area
// 标记车辆已放置
isPlaced = true ;
break ;
isPlaced = true
break
}
}
// 如果车辆没有被放置，可以在这里处理（例如记录日志或显示警告）
if ( ! isPlaced ) {
console . warn ( ` 车辆 ${ vehicle . id } 无法放置在任何工厂中 ` ) ;
console . warn ( ` 车辆 ${ vehicle . id } 无法放置在任何工厂中 ` )
}
} ) ;
} )
// 更新 this.accordFactoryInfo
this . accordFactoryInfo = this . accordFactoryInfo . map ( factory => {
this . accordFactoryInfo = this . accordFactoryInfo . map ( ( factory ) => {
// 确保每个工厂都有 vehicles 属性
if ( ! factory . vehicles ) {
factory . vehicles = [ ] ;
factory . vehicles = [ ]
}
// 确保 remainingArea 是一个数字且大于 0
factory . area = factory . area > 0 ? factory . area : 0 ;
return factory ;
} ) ;
factory . area = factory . area > 0 ? factory . area : 0
return factory
} )
// 过滤出有车辆的工厂
const factoriesWithVehicles = this . accordFactoryInfo . filter ( factory => factory . vehicles . length > 0 ) ;
const factoriesWithVehicles = this . accordFactoryInfo . filter ( ( factory ) => factory . vehicles . length > 0 )
this . factoriesWithVehicles = factoriesWithVehicles
await this . showAreaInfoDialog ( factoriesWithVehicles ) ;
await this . showAreaInfoDialog ( factoriesWithVehicles )
} )
. catch ( ( error ) => {
console . error ( '数据有问题' , error )
} ) ;
} )
} ,
drawFactory ( factoryMultiPoly , factory , area , pointInfo ) {
// 获取当前多边形集合的中心点
const center = turf . center ( turf . multiPolygon ( factory . geometry . coordinates ) ) ;
const center = turf . center ( turf . multiPolygon ( factory . geometry . coordinates ) )
// 将中心点转换为 Mars3D 的 LngLatPoint 对象
const popupPosition = new mars3d . LngLatPoint ( center . geometry . coordinates [ 0 ] , center . geometry . coordinates [ 1 ] ) ;
const popupPosition = new mars3d . LngLatPoint ( center . geometry . coordinates [ 0 ] , center . geometry . coordinates [ 1 ] )
// 遍历每个多边形集合
factory . geometry . coordinates [ 0 ] . forEach ( ( coordGroup ) => {
// 创建一个多边形图形
@ -742,18 +725,19 @@ export default {
outlineColor : '#ffffff' ,
properties : { ... factory . properties } ,
} ,
time : new Date ( ) . getTime ( )
time : new Date ( ) . getTime ( ) ,
} )
this . accordFactoryLayer . addGraphic ( graphic ) ;
this . accordFactoryLayer . addGraphic ( graphic )
// 计算多边形中心与参考点的距离
const point = pointInfo && pointInfo . length > 0 ? pointInfo : this . form . endPoint . split ( ',' ) . map ( Number )
const distance = turf . distance ( center . geometry . coordinates , point , { units : 'kilometers' } ) * 1000 ; // 米
const distance = turf . distance ( center . geometry . coordinates , point , { units : 'kilometers' } ) * 1000 // 米
// 将多边形图形添加到地图层
this . accordFactoryInfo . push ( {
... graphic ,
distance : distance ,
popupPosition : popupPosition ,
area : this . hideform . redundancy && this . hideform . redundancy != 0 && area > 0
area :
this . hideform . redundancy && this . hideform . redundancy != 0 && area > 0
? area * ( 100 - this . hideform . redundancy ) * 0.01
: area > 0
? area
@ -763,12 +747,15 @@ export default {
} ,
// 显示面积信息弹框的方法
async showAreaInfoDialog ( info ) {
const graphics = this . accordFactoryLayer . getGraphics ( ) ;
const promises = [ ] ;
const graphics = this . accordFactoryLayer . getGraphics ( )
const promises = [ ]
info . forEach ( ( item ) => {
graphics . forEach ( ( ele ) => {
if ( ele . options . time === item . options . time && ele . options . style . properties . FID _1 === item . options . style . properties . FID _1 ) {
const textInfo = ` ${ item . area . toFixed ( 2 ) } ㎡ \ n（ ${ item . vehicles . map ( e => e . name ) . join ( ',' ) } ） `
if (
ele . options . time === item . options . time &&
ele . options . style . properties . FID _1 === item . options . style . properties . FID _1
) {
const textInfo = ` ${ item . area . toFixed ( 2 ) } ㎡ \ n（ ${ item . vehicles . map ( ( e ) => e . name ) . join ( ',' ) } ） `
const labelGraphic = new window . mars3d . graphic . LabelEntity ( {
id : 'label' ,
position : item . popupPosition ,
@ -781,34 +768,34 @@ export default {
outlineColor : '#000000' ,
background : true ,
backgroundColor : '#2f705f' ,
}
} ,
} )
// 使用 Promise 确保标签添加完成后继续执行
const promise = new Promise ( ( resolve , reject ) => {
this . accordFactoryLayer . addGraphic ( labelGraphic , ( ) => {
resolve ( ) ;
} ) ;
} ) ;
resolve ( )
} )
} )
promises . push ( promise ) ;
promises . push ( promise )
}
} )
} )
this . $message . success ( " 路线隐蔽规划成功" )
const popupPositionList = info . map ( item => item . popupPosition )
let minLng = Infinity ;
let maxLng = - Infinity ;
let minLat = Infinity ;
let maxLat = - Infinity ;
this . $message . success ( ' 路线隐蔽规划成功' )
const popupPositionList = info . map ( ( item ) => item . popupPosition )
let minLng = Infinity
let maxLng = - Infinity
let minLat = Infinity
let maxLat = - Infinity
popupPositionList . forEach ( point => {
if ( point . lng < minLng ) minLng = point . lng ;
if ( point . lng > maxLng ) maxLng = point . lng ;
if ( point . lat < minLat ) minLat = point . lat ;
if ( point . lat > maxLat ) maxLat = point . lat ;
} ) ;
popupPositionList . forEach ( ( point ) => {
if ( point . lng < minLng ) minLng = point . lng
if ( point . lng > maxLng ) maxLng = point . lng
if ( point . lat < minLat ) minLat = point . lat
if ( point . lat > maxLat ) maxLat = point . lat
} )
// 创建一个矩形区域，包含所有点
const rectangle = Cesium . Rectangle . fromDegrees ( minLng , minLat , maxLng , maxLat ) ;
const rectangle = Cesium . Rectangle . fromDegrees ( minLng , minLat , maxLng , maxLat )
this . viewer . scene . camera . flyTo ( {
destination : Cesium . Cartesian3 . fromDegrees (
@ -819,10 +806,10 @@ export default {
orientation : {
heading : Cesium . Math . toRadians ( 0 ) , // 方位角
pitch : Cesium . Math . toRadians ( - 90 ) , // 俯仰角
roll : 0.0 // 翻滚角
roll : 0.0 , // 翻滚角
} ,
duration : 2 // 飞行动画持续时间，单位为秒
} ) ;
duration : 2 , // 飞行动画持续时间，单位为秒
} )
} ,
// 弹框
async openDialog ( ) {
@ -832,7 +819,7 @@ export default {
return response . json ( )
} )
. then ( async ( data ) => {
this . dialogVisible = true ;
this . dialogVisible = true
this . tableData = data
await this . $nextTick ( ( ) => {
this . multipleSelection = JSON . parse ( Cookies . get ( 'minTurnRadius' ) )
@ -879,35 +866,39 @@ export default {
load : null ,
minTurnRadius : null ,
editing : true ,
} ;
this . tableData . push ( newRow ) ;
}
this . tableData . push ( newRow )
} ,
handleDelete ( row ) {
const index = this . tableData . findIndex ( item => item . id === row . id ) ;
const index = this . tableData . findIndex ( ( item ) => item . id === row . id )
if ( index !== - 1 ) {
this . tableData . splice ( index , 1 ) ;
this . tableData . splice ( index , 1 )
}
} ,
handleEdit ( row ) {
this . $set ( row , 'editing' , true ) ;
this . $set ( row , 'editing' , true )
} ,
handleSave ( row ) {
this . $set ( row , 'editing' , false ) ;
this . $set ( row , 'editing' , false )
} ,
// 保存列表数据
suerCofirm ( ) {
const parsedData = iniParser . parse ( configIni ) ;
axios . post ( ` http:// ${ parsedData . http . address } : ${ parsedData . http . port } /api/equpment ` , JSON . stringify ( this . tableData ) , {
const parsedData = iniParser . parse ( configIni )
axios
. post (
` http:// ${ parsedData . http . address } : ${ parsedData . http . port } /api/equpment ` ,
JSON . stringify ( this . tableData ) ,
{
headers : {
' Authorization' : 'Bearer your_token_here' ,
'Content-Type' : 'application/json'
: 'Bearer your_token_here' ,
'Content-Type' : 'application/json' ,
} ,
}
} )
. then ( response => {
)
. then ( ( response ) => {
this . $message . success ( '保存成功' )
} )
. catch ( error => {
} ) ;
. catch ( ( error ) => { } )
} ,
// 导入json文件
triggerFileUpload ( ) {
@ -974,21 +965,12 @@ export default {
}
} ,
addPointToMap ( type , point , time ) {
const coords = time
? point . points . split ( ',' ) . map ( Number )
: point . split ( ',' ) . map ( Number )
const coords = time ? point . points . split ( ',' ) . map ( Number ) : point . split ( ',' ) . map ( Number )
const graphic = new window . mars3d . graphic . PointEntity ( {
position : new window . mars3d . LngLatPoint ( coords [ 0 ] , coords [ 1 ] ) ,
style : {
pixelSize : 10 ,
color :
type === 'startPoint'
? 'red'
: type === 'endPoint'
? 'red'
: type === 'viaPoints'
? 'blue'
: 'orange' ,
color : type === 'startPoint' ? 'red' : type === 'endPoint' ? 'red' : type === 'viaPoints' ? 'blue' : 'orange' ,
label : {
text :
type === 'startPoint'
@ -1022,9 +1004,7 @@ export default {
addPolygonToMap ( type , area , time ) {
const coords = JSON . parse ( area . points )
const graphic = new window . mars3d . graphic . PolygonEntity ( {
positions : coords . map (
( coord ) => new window . mars3d . LngLatPoint ( coord [ 0 ] , coord [ 1 ] )
) ,
positions : coords . map ( ( coord ) => new window . mars3d . LngLatPoint ( coord [ 0 ] , coord [ 1 ] ) ) ,
style : {
color : 'red' ,
opacity : 0.4 ,
@ -1079,94 +1059,55 @@ export default {
}
} else if ( type === 'viaPoints' ) {
if ( ! row . points ) {
const graphic = this . viaPoints . find (
( viaPoint ) => viaPoint . style . time === row . time
)
if (
this . form . viaPoints . length === 1 &&
this . form . viaPoints [ 0 ] . points === ''
) {
const graphic = this . viaPoints . find ( ( viaPoint ) => viaPoint . style . time === row . time )
if ( this . form . viaPoints . length === 1 && this . form . viaPoints [ 0 ] . points === '' ) {
// 如果只剩下一个空项，不删除图形，清空输入框值
this . form . viaPoints [ 0 ] . points = ''
graphic ? . remove ( )
this . viaPoints = this . viaPoints . filter (
( viaPoint ) => viaPoint . style . time !== row . time
)
this . viaPoints = this . viaPoints . filter ( ( viaPoint ) => viaPoint . style . time !== row . time )
} else {
this . form . viaPoints = this . form . viaPoints . filter (
( viaPoint ) => viaPoint . time !== row . time
)
this . form . viaPoints = this . form . viaPoints . filter ( ( viaPoint ) => viaPoint . time !== row . time )
}
graphic ? . remove ( )
this . viaPoints = this . viaPoints . filter (
( viaPoint ) => viaPoint . style . time !== row . time
)
this . viaPoints = this . viaPoints . filter ( ( viaPoint ) => viaPoint . style . time !== row . time )
} else {
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 if ( type === 'avoidPoints' ) {
if ( ! row . points ) {
const graphic = this . avoidPoints . find (
( avoidPoint ) => avoidPoint . style . time === row . time
)
if (
this . form . avoidPoints . length === 1 &&
this . form . avoidPoints [ 0 ] . points === ''
) {
const graphic = this . avoidPoints . find ( ( avoidPoint ) => avoidPoint . style . time === row . time )
if ( this . form . avoidPoints . length === 1 && this . form . avoidPoints [ 0 ] . points === '' ) {
// 如果只剩下一个空项，不删除图形，清空输入框值
this . form . avoidPoints [ 0 ] . points = ''
} else {
this . form . avoidPoints = this . form . avoidPoints . filter (
( avoidPoint ) => avoidPoint . time !== row . time
)
this . form . avoidPoints = this . form . avoidPoints . filter ( ( avoidPoint ) => avoidPoint . time !== row . time )
}
graphic ? . remove ( )
this . avoidPoints = this . avoidPoints . filter (
( avoidPoint ) => avoidPoint . style . time !== row . time
)
this . avoidPoints = this . avoidPoints . filter ( ( avoidPoint ) => avoidPoint . style . time !== row . time )
} else {
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 if ( type === 'avoidAreas' ) {
if ( ! row . points ) {
const graphic = this . avoidAreas . find (
( avoidArea ) => avoidArea . style . time === row . time
)
if (
this . form . avoidAreas . length === 1 &&
this . form . avoidAreas [ 0 ] . points === ''
) {
const graphic = this . avoidAreas . find ( ( avoidArea ) => avoidArea . style . time === row . time )
if ( this . form . avoidAreas . length === 1 && this . form . avoidAreas [ 0 ] . points === '' ) {
// 如果只剩下一个空项，不删除图形，清空输入框值
this . form . avoidAreas [ 0 ] . points = ''
} else {
this . form . avoidAreas = this . form . avoidAreas . filter (
( avoidArea ) => avoidArea . time !== row . time
)
this . form . avoidAreas = this . form . avoidAreas . filter ( ( avoidArea ) => avoidArea . time !== row . time )
}
graphic ? . remove ( )
this . avoidAreas = this . avoidAreas . filter (
( avoidArea ) => avoidArea . style . time !== row . time
)
this . avoidAreas = this . avoidAreas . filter ( ( avoidArea ) => avoidArea . style . time !== row . time )
} else {
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 )
}
}
} ,
handleEmptyArray ( type ) {
if (
type === 'viaPoints' &&
this . form . viaPoints . length === 1 &&
this . form . viaPoints [ 0 ] . points === ''
) {
if ( type === 'viaPoints' && this . form . viaPoints . length === 1 && this . form . viaPoints [ 0 ] . points === '' ) {
this . form . viaPoints = [ ]
} else if (
type === 'avoidPoints' &&
@ -1174,11 +1115,7 @@ export default {
this . form . avoidPoints [ 0 ] . points === ''
) {
this . form . avoidPoints = [ ]
} else if (
type === 'avoidAreas' &&
this . form . avoidAreas . length === 1 &&
this . form . avoidAreas [ 0 ] . points === ''
) {
} else if ( type === 'avoidAreas' && this . form . avoidAreas . length === 1 && this . form . avoidAreas [ 0 ] . points === '' ) {
this . form . avoidAreas = [ ]
}
} ,
@ -1193,9 +1130,7 @@ export default {
if ( ! graphic ) return
try {
const coords = JSON . parse ( pointsStr )
graphic . positions = coords . map (
( coord ) => new window . mars3d . LngLatPoint ( coord [ 0 ] , coord [ 1 ] )
)
graphic . positions = coords . map ( ( coord ) => new window . mars3d . LngLatPoint ( coord [ 0 ] , coord [ 1 ] ) )
} catch ( error ) {
graphic . remove ( )
}
@ -1350,9 +1285,7 @@ export default {
success : ( graphic ) => {
this . avoidAreas . push ( graphic )
const avoidAreasGeoJSON = graphic . toGeoJSON ( )
const points = JSON . stringify (
avoidAreasGeoJSON . geometry . coordinates [ 0 ]
)
const points = JSON . stringify ( avoidAreasGeoJSON . geometry . coordinates [ 0 ] )
if (
this . form . avoidAreas . length == 1 &&
this . form . avoidAreas [ 0 ] . points == '' &&
@ -1385,11 +1318,8 @@ export default {
}
// 计算边权重（距离，单位：米）
const distance =
turf . distance (
turf . point ( coords [ 0 ] [ 0 ] ) ,
turf . point ( coords [ coords . length - 1 ] [ 0 ] ) ,
{ units : 'kilometers' }
) * 1000
turf . distance ( turf . point ( coords [ 0 ] [ 0 ] ) , turf . point ( coords [ coords . length - 1 ] [ 0 ] ) , { units : 'kilometers' } ) *
1000
// 构建邻接表（双向图）
graph [ startNode ] = graph [ startNode ] || { }
@ -1418,22 +1348,17 @@ export default {
return nearestNode
} ,
// 3. 路径规划主函数（经纬度坐标输入） - 支持途经点 + 避让点/区域
async planRoute (
startCoord ,
endCoord ,
viaPoints = [ ] ,
avoidObstacles = null
) {
async planRoute ( startCoord , endCoord , viaPoints = [ ] , avoidObstacles = null ) {
const { graph , nodeCoords } = this . roadNetworkGeoJSONBuild
// 按顺序组合点：起点 -> 途经点 -> 终点
const points = [ startCoord ] ;
const points = [ startCoord ]
if ( viaPoints && viaPoints . length > 0 ) {
viaPoints . forEach ( ( viaPoint ) => {
points . push ( viaPoint . geometry . coordinates ) ;
} ) ;
points . push ( viaPoint . geometry . coordinates )
} )
}
points . push ( endCoord ) ;
points . push ( endCoord )
const fullPath = [ ]
const infoList = [ ]
for ( let i = 0 ; i < points . length - 1 ; i ++ ) {
@ -1457,8 +1382,7 @@ export default {
for ( const [ node , coord ] of Object . entries ( nodeCoords ) ) {
const pt = turf . point ( coord )
avoidObstacles . features . forEach ( ( ob ) => {
if ( turf . booleanPointInPolygon ( pt . geometry , ob . geometry ) )
obstacleNodes . push ( node )
if ( turf . booleanPointInPolygon ( pt . geometry , ob . geometry ) ) obstacleNodes . push ( node )
} )
}
obstacleNodes . forEach ( ( node ) => delete tempGraph [ node ] )
@ -1471,10 +1395,7 @@ export default {
delete tempGraph [ node ] [ targetNode ]
continue
}
const line = turf . lineString ( [
nodeCoords [ node ] ,
nodeCoords [ targetNode ] ,
] )
const line = turf . lineString ( [ nodeCoords [ node ] , nodeCoords [ targetNode ] ] )
avoidObstacles . features . forEach ( ( area ) => {
if ( turf . booleanCrosses ( line , area ) ) {
delete tempGraph [ node ] [ targetNode ]
@ -1500,18 +1421,14 @@ export default {
if ( ! this . join ) {
segment = this . roadNetworkGeoJSON . features . find (
( f ) =>
( f . properties . FNODE _ == currentNode &&
f . properties . T NODE_ == nextNode )||
( f . properties . FNODE _ == nextNode &&
f . properties . TNODE _ == currentNode )
( f . properties . FNODE _ == currentNode && f . properties . TNODE _ == nextNode ) ||
( f . properties . F NODE_ == nextNode && f . properties . TNODE _ == currentNode )
)
} else {
segment = this . roadNetworkGeoJSON . features . find (
( f ) =>
( ( f . properties . FNODE _ == currentNode &&
f . properties . T NODE_ == nextNode ) ||
( f . properties . FNODE _ == nextNode &&
f . properties . TNODE _ == currentNode ) ) &&
( ( f . properties . FNODE _ == currentNode && f . properties . TNODE _ == nextNode ) ||
( f . properties . F NODE_ == nextNode && f . properties . TNODE _ == currentNode ) ) &&
f . properties . 载重吨 >= this . inputform . load &&
f . properties . 宽度 >= this . inputform . width &&
f . properties . 曲率半 <= this . inputform . minTurnRadius
@ -1534,20 +1451,13 @@ export default {
this . shortestPathLayer . clear ( )
this . shortestPathList = [ ]
this . infoList = [ ]
const startPoint = turf . point (
this . pointQ D . toGeoJSON ( ) . geometry . coordinates
) . geometry . coordinates // 起点
const endPoint = turf . point ( this . pointZD . toGeoJSON ( ) . geometry . coordinates )
. geometry . coordinates // 终点
const startPoint = turf . point ( this . pointQD . toGeoJSON ( ) . geometry . coordinates ) . geometry . coordinates // 起点
const endPoint = turf . point ( this . pointZ D . toGeoJSON ( ) . geometry . coordinates ) . geometry . coordinates // 终点
// 途经点
const viaPointsGeoJSON =
this . viaPoints . map ( ( point ) => point . toGeoJSON ( ) ) || [ ]
const viaPointsTurf = viaPointsGeoJSON . map ( ( p ) =>
turf . point ( p . geometry . coordinates )
)
const viaPointsGeoJSON = this . viaPoints . map ( ( point ) => point . toGeoJSON ( ) ) || [ ]
const viaPointsTurf = viaPointsGeoJSON . map ( ( p ) => turf . point ( p . geometry . coordinates ) )
// 避让点
const avoidPointsGeoJSON =
this . avoidPoints . map ( ( point ) => point . toGeoJSON ( ) ) || [ ]
const avoidPointsGeoJSON = this . avoidPoints . map ( ( point ) => point . toGeoJSON ( ) ) || [ ]
const avoidPointsPolygons = avoidPointsGeoJSON . map ( ( point ) => {
return turf . circle (
turf . point ( point . geometry . coordinates ) ,
@ -1556,18 +1466,9 @@ export default {
)
} )
// 避让区域
const avoidAreasGeoJSON =
this . avoidAreas . map ( ( area ) => area . toGeoJSON ( { closure : true } ) ) || [ ]
const obstaclesGeoJSON = turf . featureCollection ( [
... avoidPointsPolygons ,
... avoidAreasGeoJSON ,
] )
const route = await this . planRoute (
startPoint ,
endPoint ,
viaPointsTurf ,
obstaclesGeoJSON
)
const avoidAreasGeoJSON = this . avoidAreas . map ( ( area ) => area . toGeoJSON ( { closure : true } ) ) || [ ]
const obstaclesGeoJSON = turf . featureCollection ( [ ... avoidPointsPolygons , ... avoidAreasGeoJSON ] )
const route = await this . planRoute ( startPoint , endPoint , viaPointsTurf , obstaclesGeoJSON )
this . drawPath ( route )
} ,
@ -1588,9 +1489,7 @@ export default {
this . infoList = path . infoList . map ( ( item ) => item . properties )
} ,
/** 隐蔽规划 */
concealed ( ) {
} ,
concealed ( ) { } ,
} ,
}
< / script >
@ -1721,6 +1620,4 @@ export default {
. popDiloag . popDiloag - title {
font - weight : 500 ;
}
. popDiloag . popDiloag - p {
}
< / style >
