2020-sein/2021-sein/leaflet at 46cd52170e4e309617222d4fafa5315285bd6916

Fork: 0

sein / 2020-sein

Find file

Newer

Older

2020-sein / 2021-sein / leaflet

yuki konno on 13 Jan 2022 934 bytes Update leaflet

Raw Blame History

<!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>Step1.Leaflet????????????????????|Leflet???|??????????</title>
      <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.0/dist/leaflet.css" />
      <script src="https://unpkg.com/leaflet@1.3.0/dist/leaflet.js"></script>
      <script>
        function init() {
          //???????div???id???
          var map = L.map('mapcontainer');
          //???????????????
          map.setView([35.40, 136], 5);
          //???????????URL?Attribution??????????????????????
          L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
              attribution: "<a href='https://maps.gsi.go.jp/development/ichiran.html' target='_blank'>??????</a>"
          }).addTo(map);
        }
      </script>
    </head>
    <body onload="init()">
      <div id="mapcontainer" style="width:600px;height:600px"></div>
    </body>
    </html>