var leftBottom = [0, 0], rightTop = [0.002, 0.003];
var map = L.map("imagemap").setView([0.001, 0.0015], 16);
map.setMaxBounds([leftBottom, rightTop]);	
map.setMinZoom(18).setMaxZoom(22);		
var imageUrl = './yoyaku.png',
    imageBounds = [leftBottom, rightTop];
L.imageOverlay(imageUrl, imageBounds).addTo(map);

var one = L.marker([0.00110, 0.00150]).bindPopup("学習室1\<h4><label for=\"date\">今日の日付</label></h4><input type=\"date\" id=\"date\" name=\"今日の日付\" value=\"\" /><h4><label for=\"time\">予定の時刻</label></h4><input type=\"time\" id=\"time\" name=\"予定の時刻\" value=\"\" /><input  type=\"time\" id=\"time\" name=\"予定の時刻\" value=\"08:30\" min=\"09:00\" max=\"19:00\"><input type=\"time\" id=\"time\" name=\"予定の時刻\" value=\"08:30\" min=\"09:00\" max=\"19:00\"/><span></span>").addTo(map);

var two = L.marker([0.00100, 0.00050]).bindPopup("学習室2\<h4><label for=\"date\">今日の日付</label></h4><input type=\"date\" id=\"date\" name=\"今日の日付\" value=\"\" /><h4><label for=\"time\">予定の時刻</label></h4><input type=\"time\" id=\"time\" name=\"予定の時刻\" value=\"\" /><input  type=\"time\" id=\"time\" name=\"予定の時刻\" value=\"08:30\" min=\"09:00\" max=\"19:00\"><input type=\"time\" id=\"time\" name=\"予定の時刻\" value=\"08:30\" min=\"09:00\" max=\"19:00\"/><span></span>").addTo(map);


var three = L.marker([0.00050, 0.00150]).bindPopup("学習室3\<h4><label for=\"date\">今日の日付</label></h4><input type=\"date\" id=\"date\" name=\"今日の日付\" value=\"\" /><h4><label for=\"time\">予定の時刻</label></h4><input type=\"time\" id=\"time\" name=\"予定の時刻\" value=\"\" /><input  type=\"time\" id=\"time\" name=\"予定の時刻\" value=\"08:30\" min=\"09:00\" max=\"19:00\"><input type=\"time\" id=\"time\" name=\"予定の時刻\" value=\"08:30\" min=\"09:00\" max=\"19:00\"/><span></span>").addTo(map);


map.on("click", function(e) {
    alert(e.latlng);

    
});
