From 977e332a5338942df338728dbfb77a359e35bd0b Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期五, 09 五月 2025 12:25:21 +0800 Subject: [PATCH] 添加动态溯源相关逻辑(待完成) --- src/utils/map/3dLayer.js | 92 +++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 91 insertions(+), 1 deletions(-) diff --git a/src/utils/map/3dLayer.js b/src/utils/map/3dLayer.js index 01ff1d2..5222ed4 100644 --- a/src/utils/map/3dLayer.js +++ b/src/utils/map/3dLayer.js @@ -30,6 +30,16 @@ const fDatas = _factorDatas; const factor = _factor; drawMesh(fDatas, factor); + + if (_polFactorDatasList.length > 0) { + _polCylinderList.forEach((p) => { + object3Dlayer.remove(p); + }); + _polCylinderList = []; + _polFactorDatasList.forEach((e, i) => { + drawHighLight3DLayer(e, _polFactorList[i]); + }); + } // console.log(map.getZoom()); } @@ -166,12 +176,90 @@ _cylinder = cylinder; } +/** + * 缁樺埗楂樹寒鐨勬薄鏌撳尯鍩�3D绔嬮潰 + */ +var _polCylinderList = []; +var _polFactorDatasList = [], + //褰撳墠閫変腑鐨勭洃娴嬪洜瀛愭暟鎹� + _polFactorList = []; +function drawHighLight3DLayer(fDatas, factor) { + const offsetH = 100; + + const lnglats_GD = fDatas.lnglats_GD; + const coors = fDatas.coors_GD; + const heights = factor.heights; + const colors = factor.colors; + const bColors = factor.bottomColors; + + // eslint-disable-next-line no-undef + var cylinder = new AMap.Object3D.Mesh(); + cylinder.backOrFront = 'both'; + cylinder.transparent = true; + + var geometry = cylinder.geometry; + + const scale = _getScale(_minH, _maxH); + for (let i = 0; i < coors.length; i++) { + var r = lnglats_GD[i]; + var lastP = lnglats_GD[i - 1]; + var p = coors[i]; + var h = (heights[i] - _minH) * scale + _minHeight; + if (heights[i] == -1) { + h = -1; + } + + geometry.vertices.push(p.x, p.y, 0 - h); //搴曢儴椤剁偣 + geometry.vertices.push(p.x, p.y, 0 - h - offsetH); //椤堕儴椤剁偣 + + if (i > 0) { + // eslint-disable-next-line no-undef + var distance = AMap.GeometryUtil.distance(r, lastP); + //涓や釜鏁版嵁鐐规渶灏忛棿闅旀椂闂翠负4s锛屽亣璁捐溅閫熸寜鐓�120km/h璁$畻锛�4s琛岄┒鏈�澶ц窛绂讳綔涓�132绫筹紝 + //璁惧畾瓒呰繃1鍒嗛挓鐨勬暟鎹粯鍒剁壒娈婄殑杩炵嚎 + if (distance <= 500 && h != -1) { + var bottomIndex = i * 2; + var topIndex = bottomIndex + 1; + var lastBottomIndex = bottomIndex - 2; + var lastTopIndex = bottomIndex - 1; + geometry.faces.push(bottomIndex, topIndex, lastTopIndex); + geometry.faces.push(bottomIndex, lastBottomIndex, lastTopIndex); + } + } + + const color = [1, 1, 1, 1]; + // const color = [1, 0, 0, 0.75]; + geometry.vertexColors.push.apply(geometry.vertexColors, color); //搴曢儴椤剁偣棰滆壊 + geometry.vertexColors.push.apply(geometry.vertexColors, color); //椤堕儴椤剁偣棰滆壊 + } + + // 7.鏍规嵁鍚堝苟閫夐」閲嶇疆鎴栨柊澧炲綋鍓嶇紦瀛樻暟鎹� + _polFactorDatasList.push(fDatas); + _polFactorList.push(factor); + // if (_polCylinderList.length > 0) { + // _polCylinderList.forEach((p) => { + // object3Dlayer.remove(p); + // }); + // } + object3Dlayer.add(cylinder); + + _polCylinderList.push(cylinder); +} + export default { clear() { map.off('zoomend', onMapZoom); if (_cylinder != undefined) { object3Dlayer.remove(_cylinder); } + if (_polCylinderList.length > 0) { + _polCylinderList.forEach((p) => { + object3Dlayer.remove(p); + }); + _polCylinderList = []; + } + _polFactorDatasList = []; + _polFactorList = []; }, drawMesh: drawMesh, @@ -211,5 +299,7 @@ if (lnglats_GD.length > 0) { map.on('zoomend', onMapZoom); } - } + }, + + drawHighLight3DLayer }; -- Gitblit v1.9.3