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>
<title>TLV Metro</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.subwayMap-0.5.0.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class="subway-map" data-columns="24" data-rows="40" data-cellSize="40" data-legendId="legend" data-textClass="text" data-gridNumbers="true" data-grid="true" data-lineWidth="8">
<ul data-color="#3366FF" data-label="קו החוף">
<li data-coords="9.5,5" data-labelPos="E" data-marker="interchange">ספורטק</li>
<li data-coords="8,5"></li>
<li data-coords="7,5" data-labelPos="N">כוכב הצפון</li>
<li data-coords="4,6"></li>
<li data-coords="4,7" data-labelPos="W">נמל</li>
<li data-coords="4,10" data-labelPos="W" data-marker="interchange">מרינה</li>
<li data-coords="4,13" data-labelPos="W">מגדל האופרה</li>
<li data-coords="4,16" data-labelPos="W">צ'רלס קלור</li>
<li data-coords="4,19" data-labelPos="W">העיר העתיקה</li>
<li data-coords="6,20" data-labelPos="W" data-marker="interchange">יפו</li>
<li data-coords="5,22" data-labelPos="W">עג'מי</li>
<li data-coords="5,24" data-labelPos="W">יפת</li>
<li data-coords="6,26" data-labelPos="W">רוטשילד</li>
<li data-coords="7,28" data-labelPos="W">יוספטל</li>
</ul>
<ul data-color="#6633FF" data-label="נמיר">
<li data-coords="10,1.5" data-dir="S" data-labelPos="N">אוניברסיטה</li>
<li data-coords="9,3" data-labelPos="W">רמת אביב</li>
<li data-coords="9.5,5" data-labelPos="E" data-marker="interchange">ספורטק</li>
<li data-coords="9.5,7" data-labelPos="E">בבלי</li>
<li data-coords="11,10" data-labelPos="N" data-marker="interchange">סבידור מרכז</li>
<li data-coords="11,13" data-labelPos="N" data-marker="interchange">עזריאלי</li>
<li data-coords="10,14.5" data-labelPos="E">גינדי</li>
<li data-coords="11,18" data-labelPos="S" data-marker="interchange">תחנה מרכזית</li>
</ul>
<ul data-color="#33FFCC" data-label="ז'בוטינסקי">
<li data-coords="4,10" data-labelPos="W" data-marker="interchange">מרינה</li>
<li data-coords="8,10" data-labelPos="N" data-marker="interchange">ז'בוטינסקי</li>
<li data-coords="11,10" data-labelPos="N" data-marker="interchange">סבידור מרכז</li>
<li data-coords="14,10" data-labelPos="N">רמת גן</li>
</ul>
<ul data-color="#FF33CC" data-label="אבן גבירול">
<li data-coords="9.5,5" data-labelPos="E" data-marker="interchange">ספורטק</li>
<li data-coords="8,6" data-labelPos="E"></li>
<li data-coords="8,7" data-labelPos="W">יהודה המכבי</li>
<li data-coords="8,10" data-labelPos="N" data-marker="interchange">ז'בוטינסקי</li>
<li data-coords="8,12" data-labelPos="E">כיכר רבין</li>
<li data-coords="8,14.5" data-labelPos="E">שינקין</li>
<li data-coords="7,16" data-labelPos="E">בנדיקטס</li>
<li data-coords="7,18" data-labelPos="S" data-marker="interchange">פלורנטין</li>
<li data-coords="9,19" data-labelPos="E">שפירא</li>
<li data-coords="9,21" data-labelPos="E">קרית שלום</li>
</ul>
<ul data-color="#66FF33" data-label="קיבוץ גלויות">
<li data-coords="15,16" data-labelPos="E">עיר לבנה</li>
<li data-coords="14,18" data-labelPos="E">ההגנה</li>
<li data-coords="11,18" data-labelPos="S" data-marker="interchange">תחנה מרכזית</li>
<li data-coords="7,18" data-labelPos="S" data-marker="interchange">פלורנטין</li>
<li data-coords="6,20" data-labelPos="W" data-marker="interchange">יפו</li>
</ul>
<ul data-color="#F5B800" data-label="קפלן">
<li data-coords="4,13" data-labelPos="W" data-marker="interchange">מגדל האופרה</li>
<li data-coords="8,13" data-labelPos="N" data-marker="interchange">הבימה</li>
<li data-coords="11,13" data-labelPos="N" data-marker="interchange">עזריאלי</li>
<li data-coords="14,13" data-labelPos="N">גבעתיים</li>
<li data-coords="17,14" data-labelPos="N">בורוכוב</li>
</ul>
</div>
<script type="text/javascript">
$(".subway-map").subwayMap({ debug: true });
</script>
</body>
</html>
|
