Epanet文件解析和管线还原二

标签: 无 分类: 未分类 创建时间:2021-06-30 10:48:10 更新时间:2024-11-23 02:04:25

1.openlayer绘制管线

epanet的管道绘制还是比较特别的,虽然我已经还原了整个管道的绘制,但是具体的思想以及坐标系,我还是没有摸清楚。主要在源码的 NetworkImage.java 文件中进行了定义

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
/**
* 根据源码查看,计算坐标点的逻辑如下,w为页面宽,h为页面高,NODE_DIAM = 2
* (1) 将所有的点求取外包矩形;
* (2) 根据页面的宽w,高:h,根据公式:factor =(bounds.width / bounds.height) < (((double) w) / h) ? h / bounds.height : w / bounds.width,求factor;
* (3) 求所有点中的最小x坐标dx,最小y坐标dy;
* (4) dwidth= Math.abs(最大的x坐标-最小的x坐标),dheight=Math.abs(最大的y坐标-最小的x坐标);
* (5) factor *= .9d;
* (6) dx += dwidth * .5d - w * 0.5 / factor;dy += dheight * .5d - h * 0.5 / factor;
* (7) 构建坐标点x=(int)(position.getX() - dx) * factor,y=(int)(-position.getY() - dy) * factor
* (8) 绘制图像:x=(int)(point.getX() - NODE_DIAM / 2), y=(int)(point.getY() - NODE_DIAM / 2)
*/
let minX=Number.MAX_VALUE;
let minY=Number.MAX_VALUE;
let maxX=Number.MIN_VALUE;
let maxY=Number.MIN_VALUE;

// 遍历数组,获取节点坐标
let nodes=content.nodes;
for(let item of nodes){
let position=item.position;
let x=position.x;
let y=position.y;
if(x<minX)
minX=x;
if(y<minY)
minY=y;
if(x>maxX)
maxX=x;
if(y>maxY)
maxY=y;
}

let w=this.$el.offsetWidth;
let h=this.$el.offsetHeight;
let bounds={
minX:minX,
minY:minY,
maxX:maxX,
maxY:maxY,
height:Math.floor((maxY-minY) * 100) / 100,
width:Math.floor((maxX-minX) * 100) / 100
}
// 求比例因子
let factor =(bounds.width / bounds.height) < (w / h) ? h / bounds.height : w / bounds.width;

let dx = bounds.minX;
let dy = bounds.minY;
let dwidth = Math.abs(bounds.maxX - bounds.maxX);
let dheight = Math.abs(bounds.maxY - bounds.minY);

factor *= .9;

dx += dwidth * .5 - w * 0.5 / factor;
dy += dheight * .5 - h * 0.5 / factor;

// 绘制节点
for(let item of nodes){
let position=item.position;
let x=position.x;
let y=position.y;
x=(x - dx) * factor;
y=(y-dy)*factor;
// 创建点
let f=new Feature({
geometry:new Point([x,y])
});
// 加入到地图上去
source.addFeature(f);
}

// 绘制连线
let links=content.links;
for(let link of links){
// 构建第一个点
let first=link.first;
let position=first.position;
let x=position.x;
let y=position.y;
x=(x - dx) * factor;
y=(y-dy)*factor;
let firstPoint=[x,y];

// 构建第二个点
let second=link.second;
position=second.position;
x=position.x;
y=position.y;
x=(x - dx) * factor;
y=(y-dy)*factor;
let secondPoint=[x,y];
// 创建直线
let f=new Feature({
geometry:new LineString([firstPoint,secondPoint])
});
// 加入到地图上去
source.addFeature(f);
}
小额赞助
本人提供免费与付费咨询服务,感谢您的支持!赞助请发邮件通知,方便公布您的善意!
**光 3.01 元
Sun 3.00 元
bibichuan 3.00 元
微信公众号
广告位
诚心邀请广大金主爸爸洽谈合作
每日一省
isNaN 和 Number.isNaN 函数的区别?

1.函数 isNaN 接收参数后,会尝试将这个参数转换为数值,任何不能被转换为数值的的值都会返回 true,因此非数字值传入也会返回 true ,会影响 NaN 的判断。

2.函数 Number.isNaN 会首先判断传入参数是否为数字,如果是数字再继续判断是否为 NaN ,不会进行数据类型的转换,这种方法对于 NaN 的判断更为准确。

每日二省
为什么0.1+0.2 ! == 0.3,如何让其相等?

一个直接的解决方法就是设置一个误差范围,通常称为“机器精度”。对JavaScript来说,这个值通常为2-52,在ES6中,提供了Number.EPSILON属性,而它的值就是2-52,只要判断0.1+0.2-0.3是否小于Number.EPSILON,如果小于,就可以判断为0.1+0.2 ===0.3。

每日三省
== 操作符的强制类型转换规则?

1.首先会判断两者类型是否**相同,**相同的话就比较两者的大小。

2.类型不相同的话,就会进行类型转换。

3.会先判断是否在对比 null 和 undefined,是的话就会返回 true。

4.判断两者类型是否为 string 和 number,是的话就会将字符串转换为 number。

5.判断其中一方是否为 boolean,是的话就会把 boolean 转为 number 再进行判断。

6.判断其中一方是否为 object 且另一方为 string、number 或者 symbol,是的话就会把 object 转为原始类型再进行判断。

每日英语
Happiness is time precipitation, smile is the lonely sad.
幸福是年华的沉淀,微笑是寂寞的悲伤。