From f16acb06ab278cdcb1d39a29680634010638326d Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 08 五月 2024 17:35:48 +0800
Subject: [PATCH] 1. 完成表格模块的功能迁移； 2. 完成表格、折线图、地图标记三者点击联动
---
src/utils/map/3dLayer.js | 165 +++++++++++++++++++++++++++---------------------------
1 files changed, 82 insertions(+), 83 deletions(-)
diff --git a/src/utils/map/3dLayer.js b/src/utils/map/3dLayer.js
index 251ce09..9ba66bd 100644
--- a/src/utils/map/3dLayer.js
+++ b/src/utils/map/3dLayer.js
@@ -87,89 +87,88 @@
return scale;
}
-/**
- * 缁樺浘
- */
-function drawMesh(fDatas, factor, center, merge) {
- const lnglats_GD = fDatas.lnglats_GD;
- const coors = fDatas.coors_GD;
- const heights = factor.heights;
- const colors = factor.colors;
- const bColor = factor.bottomColor;
- if (center) {
- map.setZoomAndCenter(16, center);
- }
-
- // 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); //搴曢儴椤剁偣
- geometry.vertices.push(p.x, p.y, 0 - h); //椤堕儴椤剁偣
-
- 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);
- }
- }
-
- // var bColor = bColor
- var tColor = colors[i];
- geometry.vertexColors.push.apply(geometry.vertexColors, bColor); //搴曢儴椤剁偣棰滆壊
- geometry.vertexColors.push.apply(geometry.vertexColors, tColor); //椤堕儴椤剁偣棰滆壊
- }
-
- // 7.鏍规嵁鍚堝苟閫夐」閲嶇疆鎴栨柊澧炲綋鍓嶇紦瀛樻暟鎹�
- if (merge != true) {
- _factorDatas = fDatas;
- _factor = factor;
- if (_cylinder != undefined) {
- object3Dlayer.remove(_cylinder);
- }
- } else {
- // _factorDatas.lnglats.push.apply(
- // _factorDatas.lnglats,
- // lnglats_GD
- // );
- // _factorDatas.coors.push.apply(_factorDatas.coors, coors);
- // _factorDatas.heights.push.apply(_factorDatas.heights, heights);
- // _factorDatas.colors.push.apply(_factorDatas.colors, colors);
- // _factorDatas.bottomColor = bColor;
- }
- object3Dlayer.add(cylinder);
- /**************test ****************/
- // object3Dlayer.on('mouseover', function (e) {
- // console.log(
- // `榧犳爣绉诲叆瑕嗙洊鐗�! [${e.lnglat.getlng()}, ${e.lnglat.getLat()}]`
- // );
- // });
- /**************test ****************/
- _cylinder = cylinder;
-}
-
export default {
+ /**
+ * 缁樺浘
+ */
+ drawMesh(fDatas, factor, center, merge) {
+ const lnglats_GD = fDatas.lnglats_GD;
+ const coors = fDatas.coors_GD;
+ const heights = factor.heights;
+ const colors = factor.colors;
+ const bColor = factor.bottomColor;
+ if (center) {
+ map.setZoomAndCenter(16, center);
+ }
+
+ // 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); //搴曢儴椤剁偣
+ geometry.vertices.push(p.x, p.y, 0 - h); //椤堕儴椤剁偣
+
+ 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);
+ }
+ }
+
+ // var bColor = bColor
+ var tColor = colors[i];
+ geometry.vertexColors.push.apply(geometry.vertexColors, bColor); //搴曢儴椤剁偣棰滆壊
+ geometry.vertexColors.push.apply(geometry.vertexColors, tColor); //椤堕儴椤剁偣棰滆壊
+ }
+
+ // 7.鏍规嵁鍚堝苟閫夐」閲嶇疆鎴栨柊澧炲綋鍓嶇紦瀛樻暟鎹�
+ if (merge != true) {
+ _factorDatas = fDatas;
+ _factor = factor;
+ if (_cylinder != undefined) {
+ object3Dlayer.remove(_cylinder);
+ }
+ } else {
+ // _factorDatas.lnglats.push.apply(
+ // _factorDatas.lnglats,
+ // lnglats_GD
+ // );
+ // _factorDatas.coors.push.apply(_factorDatas.coors, coors);
+ // _factorDatas.heights.push.apply(_factorDatas.heights, heights);
+ // _factorDatas.colors.push.apply(_factorDatas.colors, colors);
+ // _factorDatas.bottomColor = bColor;
+ }
+ object3Dlayer.add(cylinder);
+ /**************test ****************/
+ // object3Dlayer.on('mouseover', function (e) {
+ // console.log(
+ // `榧犳爣绉诲叆瑕嗙洊鐗�! [${e.lnglat.getlng()}, ${e.lnglat.getLat()}]`
+ // );
+ // });
+ /**************test ****************/
+ _cylinder = cylinder;
+ },
/**
* 缁樺埗3D璧拌璺嚎鍥�
* @param fDatas 瀹屾暣鐩戞祴鏁版嵁
@@ -213,7 +212,7 @@
}
// 5.缁樺埗3D鍥惧舰
- drawMesh(fDatas, factor, center, merge);
+ this.drawMesh(fDatas, factor, center, merge);
// 缂╂斁鍦板浘鍒板悎閫傜殑瑙嗛噹绾у埆
// map.setFitView()
--
Gitblit v1.9.3