Newer
Older
2021-koki / map / game / game.html
@ITO Koki ITO Koki on 27 Jan 2022 770 bytes game.jsにgpsの追加
<!DOCTYPE html>
<html lang="ja">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>マップ: 歩行距離計測</title>
<link rel="stylesheet" href="../src/leaflet.css" />
<script src="../src/leaflet.js"></script>
<style type="text/css">
<!--
div#mymap {width: 90vw; height: 80vh; margin: 0 auto;}
#info {background: pink;}
button {font-size: 200%;} 
-->
</style>
</head>

<body>
<h1>gps情報を入手し歩行距離を計測します</h1>
<h2 id="info">スタートボタンを押して計測開始</h2>
<p>
<button type="button" id="start">スタート</button>
<button type="button" id="stop">ストップ</button>
</p>
<div id="mymap"></div>
<script type="text/javascript" src="game.js" charset="utf-8"></script>
</body>
</html>