tracking/backup.html at master · tran4o/tracking · GitHub

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
98
99
100
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <link rel="stylesheet" href="css/layout.css" type="text/css">
    <link rel="stylesheet" href="js/ol3/ol.css" type="text/css">
    <link rel="stylesheet" href="js/ol3/ol3-popup.css" type="text/css">
    <script src="js/everpolate.browserified.min.js" type="text/javascript"></script>
    <script src="js/ol3/ol.js" type="text/javascript"></script>
    <script src="js/ol3/ol3-popup.js" type="text/javascript"></script>
    <script src="js/joose.min.js" type="text/javascript"></script>
    <script src="js/rbush.js" type="text/javascript"></script>
    <script src="js/app/Utils.js" type="text/javascript"></script>
    <script src="js/app/Styles.js" type="text/javascript"></script>
    <script src="js/app/Config.js" type="text/javascript"></script>
    <script src="js/app/GUI.js" type="text/javascript"></script>
    <script src="js/app/LiveStream.js" type="text/javascript"></script>
    <script src="js/app/Track.js" type="text/javascript"></script>
    <script src="js/app/Point.js" type="text/javascript"></script>
    <script src="js/app/HotSpot.js" type="text/javascript"></script>
    <script src="js/app/Participant.js" type="text/javascript"></script>
    <script src="js/app/MovingCam.js" type="text/javascript"></script>
    <script src="js/app/Simulator.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
    <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
    <title>Tracking Example</title>
</head>
<body onLoad="">
	<div id="map" class="map">
	</div>
	<script>
window.TRACK = new Track();
window.GUI = new GUI(
	{
		track		: TRACK,
		initialZoom : 11
		//initialPos  : [lon,lat],
	});

//---------------------------------------------
function initGUI()
{
	var scoef = 6;//4.729;
	GUI.setInitialPos(TRACK.getCenter());
	GUI.init();
	var p1 = TRACK.newParticipant("A01","F0A120FC1270","The Champion");
	p1.setIcon("img/player1.png");
	p1.setImage("img/profile1.png");
	p1.setColor(increaseBrightness("#ff5454"),30);
	p1.setAge(32);
	var sim1 = new Simulator();
	sim1.simulateParticipantSimple(p1,30*scoef);

	var p1 = TRACK.newParticipant("A02","X0A120FCF20","NewBoss");
	p1.setIcon("img/player2.png");
	p1.setImage("img/profile2.png");
	p1.setColor(increaseBrightness("#3cb35a",30));
	p1.setAge(26);
	var sim1 = new Simulator();
	sim1.simulateParticipantSimple(p1,60*scoef);

	var p1 = TRACK.newParticipant("A03","J0A120FCF20","SomeOne");
	p1.setIcon("img/player3.png");
	p1.setImage("img/profile3.png");
	p1.setColor(increaseBrightness("#3ca6b3",30));
	var sim1 = new Simulator();
	sim1.simulateParticipantSimple(p1,45*scoef);

}
function errorRoute(err) {
	GUI.showError(err);
}
//---------------------------------------------
/*TRACK.generateFromLocations([
		"42.720320, 23.274042",
		"42.707518, 23.298761",
		"42.701526, 23.276016",
		"42.721833, 23.256103",
		],initGUI,errorRoute);*/
TRACK.generateFromLocations([
		"Ulitsa Prof. d-r Aleksandar Stanishev, 1343 Sofia, Bulgaria",
		"Ulitsa 109, 1343 Sofia, Bulgaria",
		"Ulitsa 115 & Ulitsa General Konstantin Konstantinov, 1343 Sofia, Bulgaria",
		"42.728733, 23.250895",
		"42.728071, 23.250186",
		"Ulitsa Prof. d-r Aleksandar Stanishev, 1343 Sofia, Bulgaria"
		],initGUI,errorRoute);
//---------------------------------------------
/*TRACK.setRoute([
	 [23.274042,42.720320]
	,[23.298761,42.707518]
	,[23.276016,42.701526]
	,[23.256103,42.721833]
]);*/
//---------------------------------------------
</script>
  </body>
</html>