-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
100 lines (84 loc) · 2.88 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex">
<title>pics</title>
<!-- CSS -->
<link rel="stylesheet prefetch" href="css/onsenui.css">
<link rel="stylesheet prefetch" href="css/onsen-css-components.css">
<link rel="stylesheet" type="text/css" href="style.css">
<!-- map.css -->
<link rel="stylesheet" type="text/css" href="css/addspot.css">
<!-- mapresult.css -->
<link rel="stylesheet" type="text/css" href="css/spotlist.css">
<!-- Bootstrap Latest compiled and minified CSS -->
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- JS -->
<script src="js/onsenui_all.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/jquery.exif.js"></script>
<script src="js/jquery.canvasResize.js"></script>
<script src="js/jquery.csv-0.71.min.js"></script>
<script src="js/jquery.lazyload.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.2/moment.min.js"></script>
<!--OpenStreetMap API用のスクリプト-->
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<!-- 各ページ用JS -->
<script src="js/home.js"></script>
<script src="js/addspot.js"></script>
<script src="js/spotlist.js"></script>
<script src="js/csvbucket.js"></script>
<!-- インデックスページ設定 -->
<script>
//地図の初期座標
INIT_LAT = ""+37.922303;
INIT_LNG = ""+139.044660;
//ページインデックス
PAGE_HOME = 0;
PAGE_ADD_SPOT = 1;
PAGE_SPOT_LIST = 2;
PAGE_HELP = 3;
//onsenui
ons.bootstrap();
ons.ready(function() {
//タブバーの切り替えイベント
tabbar.on('prechange', function(event) {
switch(event.index){
case PAGE_HOME:
break
case PAGE_ADD_SPOT:
break
case PAGE_SPOT_LIST:
break
case PAGE_HELP:
break
}
});
tabbar.on('postchange', function(event) {
switch(event.index){
case PAGE_HOME:
break
case PAGE_ADD_SPOT:
init_addspot();
break
case PAGE_SPOT_LIST:
init_spotlist();
break
case PAGE_HELP:
break
}
});
});
</script>
</head>
<body>
<ons-tabbar var="tabbar">
<ons-tab page="view/home.php" label="ホーム" icon="fa-home" active="true"></ons-tab>
<ons-tab page="view/addspot.php" label="スポット登録" icon="fa-camera"></ons-tab>
<ons-tab page="view/spotlist.php" label="スポットリスト" icon="fa-map-marker"></ons-tab>
<ons-tab page="view/help.php" label="ヘルプ" icon="fa-question-circle"></ons-tab>
</ons-tabbar>
</body>
</html>