-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (56 loc) · 2.49 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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Roulette world</title>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin=""/>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
crossorigin=""></script>
<!-- plugin -->
<link rel="stylesheet" href="css/L.Control.ZoomLabel.css" />
<script src="js/L.Control.ZoomLabel.js"></script>
<!-- plugin -->
<!-- vue -->
<script src="https://unpkg.com/vue@next"></script>
<!-- vue -->
<link rel="stylesheet" media="screen" href="css/styles.css">
</head>
<body>
<img id="speaker_icon" src='img/icon_120980_256.png'>
<div id="count_down"></div>
<a class="btn btn-border" id="btn_id">PUSH</a>
<!-- ボタンタグ -->
<!-- <button type="button" class="btn btn-border" id="btn_id">PUSH</button> -->
<div class="roulette_container" id="roulette"></div>
<div id="belongAnswer"></div>
<div class="zoom_feature_all_btn" id="zoomstyle">全体</div>
<div class="auto_play_btn" id="auto_play">Auto</div>
<!-- <div class="auto_stop_btn" id="auto_stop">stop</div> -->
<div class='flags' id= 'flug_conteiner'>
<img src='' alt="no data">
</div>
<div id="mapid"></div>
<!-- vue component -->
<!-- <div class="searchArea" id="search">
<input v-model="inputValue" placeholder="国名検索" class="searchText">
<div class="clearButton" v-on:click="inputValue=''">
<span>×</span>
</div>
<div class='searchResult'>
<p v-show="isInValidName" class="errorText">{{textError}}</p>
<p v-show="validName" v-on:click="resultClick(item)" v-for="item in searchItems" class='resultItem' >{{ item.text }}</p>
</div>
</div> -->
<!-- vue component -->
<p class="terms_of_service">ポリゴンデータ：「World Borders Dataset（http://thematicmapping.org/downloads/world_borders.php）を加工して作成<br>
ピン及び国旗画像：アマノ技研様公開データを使用（首都座標データ、国旗画像）<br>
国境等の検査はできておりませんのでご了承ください。</p>
<script src="countryPoly.js"></script>
<script src="js/roulette.js"></script>
</body>
</html>