j2321-tanakai/html/kyori.html at 5d153d6ec7442bf75e55ccd77e31218e7584de17

Fork: 0

j2321 / j2321-tanakai

Find file

Newer

Older

j2321-tanakai / html / kyori.html

j2321 on 2 Mar 909 bytes 更新

Raw Blame History

<!DOCTYPE html>
<html lang="ja">
<head>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
    <meta charset="utf-8">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script> 
    <title>map</title>

<style type="text/css">
<!--
div#mymap {width: 90vw; height: 80vh; margin: 0 auto;}
#info {background: pink;}
-->
</style>
</head>

<body>
<h1>2点の直線距離を計る</h1>
<h2 id="info">2箇所クリックしてください</h2>
<p>
<button type="button" id="undo" title="最後の点を削除します">1つ取消</button>
<button type="button" id="finish" title="計測を終了します">終了</button>
</p>
<div id="mymap"></div>
<script type="text/javascript" src="kyori.js" charset="utf-8"></script>
</body>
</html>