3936
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
1 <!DOCTYPE html>
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
2 <html>
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
3 <head>
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
4 <title>Quick Start - Leaflet</title>
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
5 <meta charset="utf-8">
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
7 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="">
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
8 <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
9 <style type="text/css">
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
10 <!--
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
11 #mapid { height: 700px; width: 600px}
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
12 -->
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
13 </style>
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
14 </head>
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
15 <body>
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
16 <div id="mapid"></div>
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
17 <script>
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
18 var mymap = L.map('mapid').setView([38.893254, +139.819300], 18);
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
19 L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
20 maxZoom: 18,
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
21 attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, '
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
22 }).addTo(mymap);
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
23 L.marker([38.894381, +139.819511]).bindPopup("なんとここはカフェテリアです。").addTo(mymap);
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
24 </script>
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
25 </body>
|
KITAJIMA Ryuto <c118077@roy.e.koeki-u.ac.jp>
parents:
diff
changeset
|
26 </html>
|