Newer
Older
2025-shino / loc-chase2.html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>GNSS宝探し</title>

  <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"
    defer
  ></script>

  <script src="loc-chase2.js" defer></script>

  <style>
    #locationmap {
      width: 90vw;
      height: 75vw;
      margin: auto;
    }
  </style>
  <link rel="manifest" href="manifest.json">
  <script>
if ('serviceWorker' in navigator) {
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('./serviceworker.js')
      .then(() => console.log('SW registered'))
      .catch(err => console.error('SW failed', err));
  });
}
</script>

</head>

<body>
  <h1>たからさがし <span id="title"></span></h1>

  <p>
    <button id="start" type="button">START</button>
    <button id="stop" type="button">STOP</button>
    <a href="loc-chase2.js">src</a>
  </p>

  <div id="locationmap"></div>
</body>
</html>