Skip to content

Commit 30e11a5

Browse files
CQ-blissCQ-bliss
committed
增加epsg映射关系页面
1 parent 5030c26 commit 30e11a5

7 files changed

Lines changed: 373 additions & 7 deletions

File tree

‎config/config-epsg.js‎

Lines changed: 156 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/zondy/bootstrap-header.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,8 @@ a .material-icons {
1717
.dropdown-menu a:focus,
1818
.dropdown-menu a:active {
1919
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 150, 243, 0.4);
20-
background-color: #2196F3;
21-
color: #FFFFFF;
20+
/* background-color: #2196F3;
21+
color: #FFFFFF; */
2222
}
2323

2424
.dropdown-menu.show {

‎js/epsg.js‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
function tabProj(tableID,proj) {
2+
tableDiv= document.getElementById(tableID);
3+
var table = document.createElement('table');
4+
table.className="table table-bordered table-striped";
5+
var thead=document.createElement('thead');
6+
var tr=document.createElement('tr');
7+
tr.className="text-center";
8+
var th1 = document.createElement("th");
9+
th1.innerHTML="id";
10+
th1.setAttribute("scope", "col");
11+
th1.className = "bg-info";
12+
var th2 = document.createElement("th");
13+
th2.innerHTML="type";
14+
th2.setAttribute("scope", "col");
15+
th2.className = "bg-info";
16+
var th3 = document.createElement("th");
17+
th3.innerHTML="strProject";
18+
th3.setAttribute("scope", "col");
19+
th3.className = "bg-info";
20+
tr.appendChild(th1);
21+
tr.appendChild(th2);
22+
tr.appendChild(th3);
23+
thead.appendChild(tr);
24+
table.appendChild(thead);
25+
var tobdy=document.createElement('tbody');
26+
// console.log(epsg);
27+
var length= proj.length;
28+
for(var i=0;i<length;i++){
29+
var tr=document.createElement('tr');
30+
var td1=document.createElement('td');
31+
32+
td1.innerHTML="EPSG:" + proj[i].id;
33+
var td2=document.createElement('td');
34+
35+
td2.innerHTML=proj[i].type;
36+
var td3=document.createElement('td');
37+
38+
td3.innerHTML=proj[i].strProject;
39+
tr.appendChild(td1);
40+
tr.appendChild(td2);
41+
tr.appendChild(td3);
42+
tobdy.appendChild(tr);
43+
table.appendChild(tobdy);
44+
}
45+
tableDiv.appendChild(table);
46+
}

‎ui/bootstrap-header.html‎

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,9 @@
3737
<a href="./total-bug.html" class="dropdown-item">
3838
<i class="material-icons">help_outline</i> 提交bug
3939
</a>
40-
40+
<a href="./epsg.html" class="dropdown-item">
41+
<i class="material-icons">assignment</i>EPSG映射关系说明
42+
</a>
4143
</div>
4244
</li>
4345
<li class="nav-item dropdown d-none d-sm-inline-block">
@@ -56,7 +58,9 @@
5658
</a>
5759
<a href="./help-leaflet.html" class="dropdown-item">
5860
<i class="material-icons">help_outline</i> 说明帮助文档
59-
61+
</a>
62+
<a href="./sample-document-leaflet.html" class="dropdown-item">
63+
<i class="material-icons">assignment</i>常见示例说明
6064
</a>
6165
</div>
6266
</li>
@@ -68,13 +72,13 @@
6872
<div class="dropdown-menu dropdown-with-icons">
6973
<a href="../api/openlayers/index.html" class="dropdown-item">
7074
<i class="material-icons">assignment</i> 代码Api文档
71-
7275
</a>
7376
<a href="./gallery-openlayers.html" class="dropdown-item">
7477
<i class="material-icons">list</i> 示例演示网页
75-
7678
</a>
77-
79+
<a href="./sample-document-openlayers.html" class="dropdown-item">
80+
<i class="material-icons">assignment</i>常见示例说明
81+
</a>
7882
</div>
7983
</li>
8084
<li class="nav-item dropdown d-none d-sm-inline-block">

‎ui/epsg.html‎

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<title>中地数码 MapGIS WebClient</title>
8+
<!-- Tell the browser to be responsive to screen width -->
9+
<meta name="viewport" content="width=device-width, initial-scale=1">
10+
<!-- <link rel="stylesheet" type="text/css" href="../libs/material-kit/css/materialicon.css" />
11+
<link rel="stylesheet" href="../libs/material-kit/css/font-awesome.min.css"> -->
12+
<!-- Fonts and icons -->
13+
<link rel="stylesheet" type="text/css" href="../libs/google/material.css" />
14+
<!-- CSS Files -->
15+
<link href="../libs/material-kit/css/material-kit.css?v=2.0.3" rel="stylesheet" />
16+
<link href="../css/zondy/ui.css" rel="stylesheet" />
17+
<style>
18+
#tablecss table tr th {
19+
vertical-align: middle;
20+
}
21+
22+
#tablecss table tr td {
23+
vertical-align: middle;
24+
}
25+
26+
#tablecss2 table tr td {
27+
vertical-align: middle;
28+
}
29+
30+
.label-text {
31+
padding-top: 5px;
32+
}
33+
</style>
34+
</head>
35+
36+
<body class="hold-transition sidebar-mini">
37+
<nav class="navbar navbar-transparent navbar-color-on-scroll fixed-top navbar-expand-lg" color-on-scroll="100" id="body-header">
38+
</nav>
39+
<div class="page-header header-filter" data-parallax="true" style="background-color: #9c27b0">
40+
<div class="container">
41+
<div class="row">
42+
<div class="col-md-12">
43+
<h1 class="title">epsg映射关系说明</h1>
44+
<h4>包含七大类的坐标系</h4>
45+
</div>
46+
</div>
47+
</div>
48+
</div>
49+
50+
<div class="main main-raised col-10 ml-auto mr-auto">
51+
<div class="row text-left">
52+
<div class="wrapper main-body-card-top" id="body-framework">
53+
<div class="col-md-12">
54+
<div class="card">
55+
<div class="card-header card-header-primary">
56+
<div class="nav-tabs-navigation">
57+
<div class="nav-tabs-wrapper">
58+
<ul class="nav nav-tabs" role="tablist">
59+
<li class="nav-item">
60+
<a class="nav-link active" href="#tab_gauss_xian80" data-toggle="tab" role="tab"
61+
aria-controls="tab_gauss_xian80" aria-selected="true">高斯大地坐标系_西安80</a>
62+
</li>
63+
<li class="nav-item">
64+
<a class="nav-link" href="#tab_gauss_beijing54" data-toggle="tab" role="tab"
65+
aria-controls="tab_gauss_beijing54" aria-selected="false">高斯大地坐标系_北京54</a>
66+
</li>
67+
<li class="nav-item">
68+
<a class="nav-link" href="#tab_gauss_china2000" data-toggle="tab" role="tab"
69+
aria-controls="tab_gauss_china2000" aria-selected="false">高斯大地坐标系_中国2000</a>
70+
</li>
71+
<li class="nav-item">
72+
<a class="nav-link" href="#tab_web_mecarot" data-toggle="tab" role="tab"
73+
aria-controls="tab_web_mecarot" aria-selected="false">Web墨卡托</a>
74+
</li>
75+
<li class="nav-item">
76+
<a class="nav-link" href="#tab_lonlat_xian80" data-toggle="tab" role="tab"
77+
aria-controls="tab_lonlat_xian80" aria-selected="false">地理坐标系(西安)_度</a>
78+
</li>
79+
<li class="nav-item">
80+
<a class="nav-link" href="#tab_lonlat_beijin54" data-toggle="tab" role="tab"
81+
aria-controls="tab_lonlat_beijin54" aria-selected="false">地理坐标系(北京)_度</a>
82+
</li>
83+
<li class="nav-item">
84+
<a class="nav-link" href="#tab_lonlat_china2000" data-toggle="tab" role="tab"
85+
aria-controls="tab_lonlat_china2000" aria-selected="false">中国2000国家大地坐标系_度</a>
86+
</li>
87+
<li class="nav-item">
88+
<a class="nav-link" href="#tab_lonlat_wgs84" data-toggle="tab" role="tab"
89+
aria-controls="tab_lonlat_wgs84" aria-selected="false">WGS1984_度</a>
90+
</li>
91+
</ul>
92+
</div>
93+
</div>
94+
</div>
95+
96+
<div class="card-body p-3" id="tablecss">
97+
<div class="tab-content">
98+
<div class="active tab-pane" id="tab_gauss_xian80" role="tabpanel"></div>
99+
100+
<div class="tab-pane" id="tab_gauss_beijing54" role="tabpanel"></div>
101+
102+
<div class="tab-pane" id="tab_gauss_china2000" role="tabpanel"></div>
103+
104+
<div class="tab-pane" id="tab_web_mecarot" role="tabpanel"></div>
105+
106+
<div class="tab-pane" id="tab_lonlat_xian80" role="tabpanel"></div>
107+
108+
<div class="tab-pane" id="tab_lonlat_beijin54" role="tabpanel"></div>
109+
110+
<div class="tab-pane" id="tab_lonlat_china2000" role="tabpanel"></div>
111+
112+
<div class="tab-pane" id="tab_lonlat_wgs84" role="tabpanel"> </div>
113+
</div>
114+
</div>
115+
</div>
116+
117+
</div>
118+
</div>
119+
</div>
120+
</div>
121+
<!-- ./wrapper -->
122+
123+
<footer class="footer footer-default" id="body-footer"></footer>
124+
<!-- Core JS Files -->
125+
<script src="../libs/material-kit/js/core/jquery.min.js" type="text/javascript"></script>
126+
<script src="../libs/material-kit/js/core/popper.min.js" type="text/javascript"></script>
127+
<script src="../libs/material-kit/js/core/bootstrap-material-design.min.js" type="text/javascript"></script>
128+
<script src="../libs/material-kit/js/plugins/moment.min.js"></script>
129+
<!-- Plugin for the Datepicker, full documentation here: https://github.com/Eonasdan/bootstrap-datetimepicker -->
130+
<script src="../libs/material-kit/js/plugins/bootstrap-datetimepicker.js" type="text/javascript"></script>
131+
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
132+
<script src="../libs/material-kit/js/plugins/nouislider.min.js" type="text/javascript"></script>
133+
<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example pages etc -->
134+
<script src="../libs/material-kit/js/material-kit.js?v=2.0.3" type="text/javascript"></script>
135+
<!--引入epsg配置文件与js文件-->
136+
<script src="../config/config-epsg.js"></script>
137+
<script src="../js/epsg.js"></script>
138+
<script>
139+
$("#body-header").load("../ui/header.html");
140+
$("#body-footer").load("../ui/footer.html");
141+
(function(){
142+
tabProj("tab_gauss_xian80",epsg.gauss_xian80);
143+
tabProj("tab_gauss_beijing54",epsg.gauss_beijing54);
144+
tabProj("tab_gauss_china2000",epsg.gauss_china2000);
145+
tabProj("tab_web_mecarot",epsg.web_mecarot);
146+
tabProj("tab_lonlat_xian80",epsg.lonlat_xian80);
147+
tabProj("tab_lonlat_beijin54",epsg.lonlat_beijin54);
148+
tabProj("tab_lonlat_china2000",epsg.lonlat_china2000);
149+
tabProj("tab_lonlat_wgs84",epsg.lonlat_wgs84);
150+
})();
151+
</script>
152+
</body>
153+
154+
</html>

‎ui/header.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,9 @@
5050
<a href="./total-bug.html" class="dropdown-item">
5151
<i class="material-icons">help_outline</i> 提交bug
5252
</a>
53+
<a href="./epsg.html" class="dropdown-item">
54+
<i class="material-icons">assignment</i>EPSG映射关系说明
55+
</a>
5356

5457
</div>
5558
</li>

‎ui/second-header.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,9 @@
5454
<a href="./total-bug.html" class="dropdown-item">
5555
<i class="material-icons">help_outline</i>提交bug
5656
</a>
57+
<a href="./epsg.html" class="dropdown-item">
58+
<i class="material-icons">assignment</i>EPSG映射关系说明
59+
</a>
5760
</div>
5861
</li>
5962
<li class="nav-item dropdown d-none d-sm-inline-block">

0 commit comments

Comments
 (0)