<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="leaflet/leaflet.css"/>
<script src="leaflet/leaflet.js"></script>
<style>
html,body,#map{
height: 100%
}
body{
padding: 0;
margin: 0;
}
</style>
<title>Getting Started with Leaflet</title>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var hmap = L.map('map',{
center: [38.91026,139.84532],
zoom: 14 //1~18
});
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{
attribution: '© OpenStreetMap contributors'
}).addTo(hmap);
L.marker([38.91026,139.84532],{
clickable:true
})
.bindPopup('ほげ')
.addTo(hmap);
</script>
</body>
</html>
