leaflet/map/web/public/index.html at 6d00fadaf82fd1921ed183110941c3c40ee94d89

Fork: 0

C1220118 / leaflet

Find file

Newer

Older

leaflet / map / web / public / index.html

Abe Mizuki on 8 Aug 872 bytes Update index.html

Raw Blame History

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>リアルタイム地図</title>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
</head>
<body>
  <h1>リアルタイム地図表示</h1>
  <button onclick="usePolling()">Polling</button>
  <button onclick="useWebSocket()">WebSocket</button>
  <div id="map"></div>

  <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
  
  <script>
  window.map = L.map('map').setView([38.728, 139.821], 15);
  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; OpenStreetMap contributors'
  }).addTo(window.map);
  window.marker = L.marker([38.728, 139.821]).addTo(window.map);
</script>



  <script src="polling.js"></script>
  <script src="websocket.js"></script>
</body>
</html>