Newer
Older
2021-yuuji / index.html
@HIROSE Yuuji HIROSE Yuuji on 9 Aug 2021 720 bytes Call leaflet
<!DOCTYPE html>
<html lang="ja">
<head>
<link rel="stylesheet" href="https://www.yatex.org/libcache/leaflet-1.7.1/leaflet.css" />
<script src="https://www.yatex.org/libcache/leaflet-1.7.1/leaflet.js"></script>
<style>
div#hogemap {width: 90vw; height: 80vh; margin: 0 auto;}
</style>
</head>
<body>
<h1>Map</h1>
<div id="hogemap">
	
</div>
<script type="text/javascript">
/* domon.js - 北緯38.891度, 東経139.824度, ズームレベル16 で地図表示 */

var mymap = L.map("hogemap").setView([38.891, 139.824], 16);
L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
 attribution:
   '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(mymap);
</script>
</body>
</html>