Skip to content

Commit b36ca28

Browse files
committed
Leaflet示例IGServer/几何分析检查与纠正
1 parent 1883e36 commit b36ca28

6 files changed

Lines changed: 214 additions & 214 deletions

File tree

demo/leaflet/example/igserver/geoanaservice/areameasure.htm

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33
<head>
4-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
55
<title>计算面积</title>
6-
<link href="../../css/leaflet/style.css" rel="stylesheet" type="text/css" />
6+
<link href="../../css/leaflet/style.css" rel="stylesheet" type="text/css"/>
77
<script src="../../libs/zondyclient/include-leaflet-local.js"></script>
88
<script type="text/javascript">
99
//使用严格模式
1010
"use strict";
1111
/**计算面积
12-
*/
12+
*/
1313
function measureArea() {
1414
//显示进度条
1515
startPressBar();
@@ -40,44 +40,44 @@
4040
}
4141

4242
/**测量回调函数
43-
* @param {json对象} data 获取结果对象
44-
*/
43+
* @param {json对象} data 获取结果对象
44+
*/
4545
function measureCallBack(data) {
4646
//停止进度条
4747
stopPressBar();
48-
if (data != null && data.result && data.result.succeed) {
48+
if (data && data.succeed) {
4949
//显示结果
50-
var formatData = JSON.stringify(data.result.value);
50+
var formatData = JSON.stringify(data.value);
5151
document.getElementById("resultShow").innerText = "面积为:" + formatData + "平方米";
5252
}
5353
}
5454

5555
/**开始进度条动画
56-
*/
56+
*/
5757
function startPressBar() {
5858
document.getElementById('preview').style.display = "";
5959
}
6060

6161
/**停止进度条动画
62-
*/
62+
*/
6363
function stopPressBar() {
6464
document.getElementById('preview').style.display = "none";
65-
}
65+
}
6666
</script>
6767
</head>
6868
<body>
69-
<div id="preview" style="display: none; text-align: center; padding-top: 250px; font-weight: bold">
70-
<img src="../../img/common/39-1.gif" alt='' /><br />
71-
<br />
72-
<span>正在测量,请稍候</span>
73-
</div>
74-
<div class="ToolLib">
75-
<input type="button" class="ButtonLib" value="面积测量" onclick='measureArea()' /><br />
76-
<div id="introduction">
77-
<font style=" float: left; text-align: left">说明:该示例是在程序里面给定点坐标进行面积测量</font><br />
78-
</div>
79-
</div>
80-
<div id="resultShow">
69+
<div id="preview" style="display: none; text-align: center; padding-top: 250px; font-weight: bold">
70+
<img src="../../img/common/39-1.gif" alt=''/><br/>
71+
<br/>
72+
<span>正在测量,请稍候</span>
73+
</div>
74+
<div class="ToolLib">
75+
<input type="button" class="ButtonLib" value="面积测量" onclick='measureArea()'/><br/>
76+
<div id="introduction">
77+
<font style=" float: left; text-align: left">说明:该示例是在程序里面给定点坐标进行面积测量</font><br/>
8178
</div>
79+
</div>
80+
<div id="resultShow">
81+
</div>
8282
</body>
8383
</html>

demo/leaflet/example/igserver/geoanaservice/dotsproject.htm

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33
<head>
4-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
55
<title>投影点</title>
6-
<link href="../../css/leaflet/style.css" rel="stylesheet" type="text/css" />
6+
<link href="../../css/leaflet/style.css" rel="stylesheet" type="text/css"/>
77
<script include="json" src="../../libs/zondyclient/include-leaflet-local.js"></script>
88
<script type="text/javascript">
99
//使用严格模式
1010
"use strict";
1111
/**投影点
12-
*/
12+
*/
1313
function ProjectDots() {
1414
//构造需投影转换的点数组
1515
var dots = new Array(1);
@@ -58,47 +58,47 @@
5858
});
5959
//初始化投影转换服务
6060
var projectDotsService = new Zondy.Service.ProjectDots(
61-
//设置需要投影转换的点数组
61+
//设置需要投影转换的点数组
6262
dots,
63-
//设置源投影参数
63+
//设置源投影参数
6464
srcProjParam,
65-
//设置目的投影参数
65+
//设置目的投影参数
6666
desProjParam,
67-
//设置Options参数,包括服务器地址、端口号、返回结果格式
67+
//设置Options参数,包括服务器地址、端口号、返回结果格式
6868
{
69-
//IP地址
70-
ip: "develop.smaryun.com",
71-
//端口号
72-
port: "6163",
73-
//结果格式
74-
resultFormat: "json"
75-
}
69+
//IP地址
70+
ip: "develop.smaryun.com",
71+
//端口号
72+
port: "6163",
73+
//结果格式
74+
resultFormat: "json"
75+
}
7676
);
7777
//执行点投影转换功能服务,并返回结果信息,projSuccess为回调函数
7878
projectDotsService.execute(projSuccess);
7979
}
8080

8181
/**投影转换成功回调函数
82-
* @param {json对象} data 获取结果对象
83-
*/
82+
* @param {json对象} data 获取结果对象
83+
*/
8484
function projSuccess(data) {
85-
if (data != null && data.result && data.result.succeed) {
85+
if (data && data.succeed) {
8686
//将JSON对象转换成JSON字符串
87-
var formatData = JSON.stringify(data.result.DesDots);
87+
var formatData = JSON.stringify(data.DesDots);
8888
//将结果显示在指定的div上
8989
Process(formatData, 1, "resultShow");
9090
}
9191
}
9292
</script>
9393
</head>
9494
<body>
95-
<div class="ToolLib">
96-
<input type="button" class="ButtonLib" value="投影点" onclick='ProjectDots()' /><br />
97-
<div id="introduction">
98-
<font style=" float: left; text-align: left">说明:该点投影示例是给定坐标进行投影。投影前点的坐标为:(4819.949688726125, 67647.39383493776),投影后的坐标如下</font><br />
99-
</div>
100-
</div>
101-
<div id="resultShow">
95+
<div class="ToolLib">
96+
<input type="button" class="ButtonLib" value="投影点" onclick='ProjectDots()'/><br/>
97+
<div id="introduction">
98+
<font style=" float: left; text-align: left">说明:该点投影示例是给定坐标进行投影。投影前点的坐标为:(4819.949688726125, 67647.39383493776),投影后的坐标如下</font><br/>
10299
</div>
100+
</div>
101+
<div id="resultShow">
102+
</div>
103103
</body>
104104
</html>
Lines changed: 46 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,62 @@
11
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33
<head>
4-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
55
<title>计算折线长度</title>
6-
<link href="../../css/leaflet/style.css" rel="stylesheet" type="text/css" />
6+
<link href="../../css/leaflet/style.css" rel="stylesheet" type="text/css"/>
77
<script src="../../libs/zondyclient/include-leaflet-local.js"></script>
88
<script type="text/javascript">
9-
//使用严格模式
10-
"use strict";
11-
/**计算折线长度
9+
//使用严格模式
10+
"use strict";
11+
/**计算折线长度
1212
*/
13-
function CalPolyLineLength() {
14-
//设置要计算长度的几何对象点集
15-
var dots = [new Zondy.Object.Point2D(15, 23), new Zondy.Object.Point2D(54, 96), new Zondy.Object.Point2D(65, 42)];
16-
//初始化长度测量服务
17-
var calLength = new Zondy.Service.CalPolyLineLength(dots, {
18-
//IP地址
19-
ip: "develop.smaryun.com",
20-
//端口号
21-
port: "6163"
22-
});
23-
//建议普通用户采用此类直接获取MapGIS GDB已经提供的空间参考系
24-
var gdbInfo = new Zondy.Object.CGDBInfo({
25-
//数据库名称
26-
GDBName: "OpenLayerVecterMap",
27-
//数据源名称
28-
ServerName: "MapGISLocal",
29-
//除MapGISLocal数据源,其它的都设置
30-
Password: "",
31-
//除MapGISLocal数据源,其它的都设置
32-
User: ""
33-
});
34-
//用于进行SRSID投影的参数类
35-
var projBySRSID = new Zondy.Service.CProjectBySRSID(601, gdbInfo);
36-
//执行长度测量服务,measureCallBack为测量回调函数
37-
calLength.execute(projBySRSID, measureCallBack);
38-
}
13+
function CalPolyLineLength() {
14+
//设置要计算长度的几何对象点集
15+
var dots = [new Zondy.Object.Point2D(15, 23), new Zondy.Object.Point2D(54, 96), new Zondy.Object.Point2D(65, 42)];
16+
//初始化长度测量服务
17+
var calLength = new Zondy.Service.CalPolyLineLength(dots, {
18+
//IP地址
19+
ip: "develop.smaryun.com",
20+
//端口号
21+
port: "6163"
22+
});
23+
//建议普通用户采用此类直接获取MapGIS GDB已经提供的空间参考系
24+
var gdbInfo = new Zondy.Object.CGDBInfo({
25+
//数据库名称
26+
GDBName: "OpenLayerVecterMap",
27+
//数据源名称
28+
ServerName: "MapGISLocal",
29+
//除MapGISLocal数据源,其它的都设置
30+
Password: "",
31+
//除MapGISLocal数据源,其它的都设置
32+
User: ""
33+
});
34+
//用于进行SRSID投影的参数类
35+
var projBySRSID = new Zondy.Service.CProjectBySRSID(601, gdbInfo);
36+
//执行长度测量服务,measureCallBack为测量回调函数
37+
calLength.execute(projBySRSID, measureCallBack);
38+
}
3939

40-
/**测量回调函数
40+
/**测量回调函数
4141
* @param {json对象} data 获取结果对象
4242
*/
43-
function measureCallBack(data) {
44-
if (data != null && data.result && data.result.succeed) {
45-
//显示结果
46-
var formatData = JSON.stringify(data.result.value);
47-
document.getElementById("resultShow").innerText = "长度为:" + formatData + "米";
48-
}
49-
}
43+
function measureCallBack(data) {
44+
if (data && data.succeed) {
45+
//显示结果
46+
var formatData = JSON.stringify(data.value);
47+
document.getElementById("resultShow").innerText = "长度为:" + formatData + "米";
48+
}
49+
}
5050
</script>
5151
</head>
5252
<body>
53-
<div class="ToolLib" >
54-
<input type="button" class="ButtonLib" value="长度测量" onclick='CalPolyLineLength()' /><br />
55-
<div id="introduction">
56-
<font style=" float: left; text-align: left">说明:该示例是在程序里面给定点坐标进行长度测量</font><br />
57-
</div>
58-
</div>
59-
<div id="resultShow">
53+
<div class="ToolLib">
54+
<input type="button" class="ButtonLib" value="长度测量" onclick='CalPolyLineLength()'/><br/>
55+
<div id="introduction">
56+
<font style=" float: left; text-align: left">说明:该示例是在程序里面给定点坐标进行长度测量</font><br/>
6057
</div>
58+
</div>
59+
<div id="resultShow">
60+
</div>
6161
</body>
6262
</html>

demo/leaflet/example/igserver/geoanaservice/rectproject.htm

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,9 +36,9 @@
3636
* @param {json对象} data 获取结果对象
3737
*/
3838
function projSuccess(data) {
39-
if (data != null && data.result && data.result.succeed) {
39+
if (data && data.succeed) {
4040
//将JSON对象转换成JSON字符串
41-
var formatData = JSON.stringify(data.result.DesDots);
41+
var formatData = JSON.stringify(data.DesDots);
4242
//将结果显示在指定的div上
4343
Process(formatData, 1, "resultShow");
4444
}
Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
33
<head>
4-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
55
<title>光滑线</title>
6-
<link href="../../css/leaflet/style.css" rel="stylesheet" type="text/css" />
6+
<link href="../../css/leaflet/style.css" rel="stylesheet" type="text/css"/>
77
<script include="json" src="../../libs/zondyclient/include-leaflet-local.js"></script>
88
<script type="text/javascript">
99
//使用严格模式
1010
"use strict";
1111
/**光滑线
12-
*/
12+
*/
1313
function SmoothLine() {
1414
//设置原始线坐标数组
1515
var dataObject = [
@@ -35,41 +35,41 @@
3535
];
3636
//创建光滑线分析服务
3737
var smooth = new Zondy.Service.Smooth({
38-
//插值方式,可取值0、1、2、3,0为二次样条、1为三次样条、2为三次Beizer样条、3为三次B样条
39-
type: 2,
40-
//插值时的间隔步长
41-
step: 1,
42-
//IGServer服务器地址
43-
ip: "develop.smaryun.com",
44-
//IGServer服务器端口
45-
port: "6163"
46-
}
38+
//插值方式,可取值0、1、2、3,0为二次样条、1为三次样条、2为三次Beizer样条、3为三次B样条
39+
type: 2,
40+
//插值时的间隔步长
41+
step: 1,
42+
//IGServer服务器地址
43+
ip: "develop.smaryun.com",
44+
//IGServer服务器端口
45+
port: "6163"
46+
}
4747
);
4848
//执行光滑线功能服务,并返回结果信息,onSuccess为回调函数
4949
smooth.execute(dataObject, onSuccess);
5050
}
5151

5252
/**投影转换成功回调函数
53-
* @param {json对象} data 获取结果对象
54-
*/
53+
* @param {json对象} data 获取结果对象
54+
*/
5555
function onSuccess(data) {
56-
if (data != null && data.result && data.result.succeed) {
56+
if (data && data.succeed) {
5757
//将JSON对象转换成JSON字符串
58-
var formatData = JSON.stringify(data.result.value);
58+
var formatData = JSON.stringify(data.value);
5959
//将结果显示在指定的div上
6060
Process(formatData, 1, "resultShow");
6161
}
6262
}
6363
</script>
6464
</head>
6565
<body>
66-
<div class="ToolLib">
67-
<input type="button" class="ButtonLib" value="光滑线" onclick='SmoothLine()' /><br />
68-
<div id="introduction">
69-
<font style=" float: left; text-align: left">说明:该光滑线示例是给定原始线坐标进行光滑。原始坐标为:(64.3026761440958,-13.3927768273516),(81.3250355929193,-8.44081771496663),(72.9827194,7.0129852),(93.7049333738818,-2.86986371353349),(90,13.6363636363636),(105.213348388672,8.70024061203003),光滑后坐标如下</font><br />
70-
</div>
71-
</div>
72-
<div id="resultShow">
66+
<div class="ToolLib">
67+
<input type="button" class="ButtonLib" value="光滑线" onclick='SmoothLine()'/><br/>
68+
<div id="introduction">
69+
<font style=" float: left; text-align: left">说明:该光滑线示例是给定原始线坐标进行光滑。原始坐标为:(64.3026761440958,-13.3927768273516),(81.3250355929193,-8.44081771496663),(72.9827194,7.0129852),(93.7049333738818,-2.86986371353349),(90,13.6363636363636),(105.213348388672,8.70024061203003),光滑后坐标如下</font><br/>
7370
</div>
71+
</div>
72+
<div id="resultShow">
73+
</div>
7474
</body>
7575
</html>

0 commit comments

Comments
 (0)