-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_PortKlang.html
91 lines (80 loc) · 6.93 KB
/
index_PortKlang.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
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>KTM Train Map as Duration</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<link rel="stylesheet" href="resources/KTMPageStyle.css">
</head>
<body>
<b>For</b>
<select id="baseStationDropdown">
<option value="" disabled selected>Select base station</option>
</select>
<button id="toggleStationScheduleButton" onclick="toggleStationScheduleTableVisibility()">Show Schedule</button> <br>
<a href="" id="filterLinkBoth">Total</a>:<span id="trainCountBoth">0</span> (
<a href="" id="filterLinkUp">Up</a>:<span id="trainCountUp">0</span>,
<a href="" id="filterLinkDown">Down</a>:<span id="trainCountDown">0</span> )
<a href="" id="filterLinkOthers"></a><span id="trainCountOthers"></span>
<span id="inactiveFocusTrainMesg"></span>.
<span id="system_status"></span>
<button id="countdownButton" onclick="fetchMtrecTrainPositionApiData()">Refresh in 60s</button>
<div id="map"></div>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script type="text/javascript" src="GTFSdata/KTMInfo_PortKlang.js"></script>
<script> // Data Structures
let KTMStations = {
'Tanjung Malim' : {stationId:15200, tripDurationInMins: 0, tripDistanceInKms:0 , location: [3.685142,101.518165 ] },
'Kalumpang' : {stationId:15400, tripDurationInMins: 3, tripDistanceInKms:5.5 , location: [3.5566,101.5612 ] },
'Kuala Kubu Baru' : {stationId:16100, tripDurationInMins: 13, tripDistanceInKms:20.46 , location: [3.553215,101.639591 ] },
'Rasa' : {stationId:16300, tripDurationInMins: 18, tripDistanceInKms:26.62 , location: [3.500586,101.634113 ] },
'Batang Kali' : {stationId:16500, tripDurationInMins: 21, tripDistanceInKms:30.72 , location: [3.46838,101.637759 ] },
'Serendah' : {stationId:17300, tripDurationInMins: 29, tripDistanceInKms:41.62 , location: [3.376172,101.614532 ] },
'Rawang' : {stationId:17800, tripDurationInMins: 38, tripDistanceInKms:52.9 , location: [3.318955,101.575012 ] },
'Kuang' : {stationId:18100, tripDurationInMins: 46, tripDistanceInKms:60.28 , location: [3.258267,101.554794 ] },
'Sungai Buluh' : {stationId:18500, tripDurationInMins: 53, tripDistanceInKms:67.16 , location: [3.206356,101.580128 ] },
'Kepong Sentral' : {stationId:18400, tripDurationInMins: 61, tripDistanceInKms:73.27 , location: [3.208653,101.62849 ] },
'Kepong' : {stationId:18600, tripDurationInMins: 64, tripDistanceInKms:74.27 , location: [3.202996,101.637381 ] },
'Segambut' : {stationId:18700, tripDurationInMins: 68, tripDistanceInKms:77.82 , location: [3.186514,101.664032 ] },
'Putra' : {stationId:18800, tripDurationInMins: 73, tripDistanceInKms:81.64 , location: [3.165399,101.691101 ] },
'Bank Negara' : {stationId:18900, tripDurationInMins: 76, tripDistanceInKms:83 , location: [3.155105,101.693118 ] },
'Kuala Lumpur' : {stationId:19000, tripDurationInMins: 80, tripDistanceInKms:84.72 , location: [3.139444,101.693333 ] },
'Kl Sentral' : {stationId:19100, tripDurationInMins: 84, tripDistanceInKms:85.88 , location: [3.134167,101.686111 ] },
'Abdullah Hukum' : {stationId:52700, tripDurationInMins: 97, tripDistanceInKms:88.13 , location: [3.11869,101.67293 ] },
'Angkasapuri' : {stationId:52800, tripDurationInMins: 99, tripDistanceInKms:88.83 , location: [3.113212,101.673367 ] },
'Pantai Dalam' : {stationId:52900, tripDurationInMins: 102, tripDistanceInKms:90.95 , location: [3.095607,101.669927 ] },
'Petaling' : {stationId:53000, tripDurationInMins: 104, tripDistanceInKms:92.36 , location: [3.086485,101.664338 ] },
'Jalan Templer' : {stationId:53100, tripDurationInMins: 107, tripDistanceInKms:93.28 , location: [3.084013,101.656402 ] },
'Kg.Datuk Harun' : {stationId:53400, tripDurationInMins: 112, tripDistanceInKms:95.78 , location: [3.084828,101.632339 ] },
'Seri Setia' : {stationId:53500, tripDurationInMins: 115, tripDistanceInKms:97.3 , location: [3.083373,101.61143 ] },
'Setia Jaya' : {stationId:53600, tripDurationInMins: 117, tripDistanceInKms:98.33 , location: [3.083373,101.61143 ] },
'Subang Jaya' : {stationId:53700, tripDurationInMins: 125, tripDistanceInKms:100.97 , location: [3.084554,101.587373 ] },
'Batu Tiga' : {stationId:53800, tripDurationInMins: 133, tripDistanceInKms:104.53 , location: [3.076091,101.559811 ] },
'Shah Alam' : {stationId:54200, tripDurationInMins: 142, tripDistanceInKms:109.08 , location: [3.056388,101.525302 ] },
'Padang Jawa' : {stationId:54400, tripDurationInMins: 149, tripDistanceInKms:112.77 , location: [3.052532,101.492742 ] },
'Bukit Badak' : {stationId:54500, tripDurationInMins: 155, tripDistanceInKms:116.38 , location: [3.036147,101.470176 ] },
'Klang' : {stationId:54700, tripDurationInMins: 158, tripDistanceInKms:119.35 , location: [3.043078,101.449543 ] },
'Teluk Pulai' : {stationId:54800, tripDurationInMins: 162, tripDistanceInKms:121.22 , location: [3.04089,101.432153 ] },
'Teluk Gadong' : {stationId:54900, tripDurationInMins: 164, tripDistanceInKms:122.78 , location: [3.033932,101.424947 ] },
'Kampung Raja Uda': {stationId:55000, tripDurationInMins: 167, tripDistanceInKms:124.88 , location: [3.020253,101.41023 ] },
'Jalan Kastam' : {stationId:55100, tripDurationInMins: 169, tripDistanceInKms:126.13 , location: [3.013128,101.402599 ] },
'Pel. Klang Sel' : {stationId:55200, tripDurationInMins: 176, tripDistanceInKms:128.24 , location: [2.999323,101.39179 ] },
};
const BASESTATION_DEFAULT = "Putra";
</script>
<script type="text/javascript" src="resources/KTMHandler.js"></script>
</body>
</html>
<!------------ Test cases
up - Shows only up trains
down - Shows only down trains
all - Shows all trains & counter for NA
both/else - Shows up & down
focus with active train : See map centered on active train & its distance
focus without active train : See message on top that train is inactive
change base station : Display & Distances change in map
Show Schedule: Shows for Weekdays/weekends & Legend
Hide Schedule: Removes schedule
In Table Schedule: Shows active trains. Links work.
----!-->