-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
82 lines (80 loc) · 3.76 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>WGS-84 to CGCS2000 Converter</title>
<link rel="stylesheet" href="style.css" />
<script src="proj4.js"></script>
<script src="converter.js"></script>
</head>
<body>
<div class="contanier">
<h1>WGS-84 to CGCS2000 Converter</h1>
<div id="grid" class="grid">
<div id="formatbox">
<label>Choose seperator:</label>
<select id="seperator">
<option value=",">Commas (,)</option>
<option value=" ">Spaces (" ")</option>
<option value=";">Semicolon(;)</option>
<option value="	">Tab("\t")</option>
</select>
<label>
<input type="checkbox" id="exchangecol"/>Exchange Columns
</label>
<button type="button" id="format_bt" onclick="formatinput()">Format</button>
</div>
<div id="wgs84label">
<label>WGS-84 coordinates:</label>
</div>
<div id="wgs84" class="textarea">
<textarea style="resize:vertical" id="wgsCoords" rows="35" readonly></textarea>
</div>
<div id="checkbox">
<label>Select Your Operation:</label>
<label>
<input type="checkbox" id="wgs2cgcs_ck" onchange="shadow_cgcs()"/>WGS84 → CGCS2000
</label>
<label>
<input type="checkbox" id="cgcs2wgs_ck" onchange="shadow_wgs()"/>WGS84 ← CGCS2000
</label>
</div>
<div id="convert">
<button type="button" id="wgs2cgcs_bt" onclick="convert()">Convert →</button>
<button type="button" id="cgcs2wgs_bt" onclick="inconvert()">Convert ←</button>
<button type="button" id="clear_bt" onclick="cleartext()">Clear All</button>
</div>
<div id="cgcs2000select">
<label>Select CGCS2000 CRS:</label>
<select id="cgcsSystem">
<option value="NULL">Please choose</option>
<option value="EPSG:4534">3 Degree Gauss-Kruger Zone 25</option>
<option value="EPSG:4535">3 Degree Gauss-Kruger Zone 26</option>
<option value="EPSG:4536">3 Degree Gauss-Kruger Zone 27</option>
<option value="EPSG:4537">3 Degree Gauss-Kruger Zone 28</option>
<option value="EPSG:4538">3 Degree Gauss-Kruger Zone 29</option>
<option value="EPSG:4539">3 Degree Gauss-Kruger Zone 30</option>
<option value="EPSG:4540">3 Degree Gauss-Kruger Zone 31</option>
<option value="EPSG:4541">3 Degree Gauss-Kruger Zone 32</option>
<option value="EPSG:4542">3 Degree Gauss-Kruger Zone 33</option>
<option value="EPSG:4543">3 Degree Gauss-Kruger Zone 34</option>
<option value="EPSG:4544">3 Degree Gauss-Kruger Zone 35</option>
<option value="EPSG:4545">3 Degree Gauss-Kruger Zone 36</option>
<option value="EPSG:4546">3 Degree Gauss-Kruger Zone 37</option>
<option value="EPSG:4547">3 Degree Gauss-Kruger Zone 38</option>
<option value="EPSG:4548">3 Degree Gauss-Kruger Zone 39</option>
<option value="EPSG:4549">3 Degree Gauss-Kruger Zone 40</option>
<option value="EPSG:4550">3 Degree Gauss-Kruger Zone 41</option>
<option value="EPSG:4551">3 Degree Gauss-Kruger Zone 42</option>
<option value="EPSG:4552">3 Degree Gauss-Kruger Zone 43</option>
<option value="EPSG:4553">3 Degree Gauss-Kruger Zone 44</option>
<option value="EPSG:4554">3 Degree Gauss-Kruger Zone 45</option>
</select>
</div>
<div id="cgcs2000" class="textarea">
<textarea style="resize:vertical" id="cgcsCoords" rows="35" readonly></textarea>
</div>
</div>
</div>
</body>
</html>