/* 例: マップオプション */

var mymap = L.map("mymap", {
    keyboardPanDelta: 200
}).setView([38.891, 139.824], 16);
L.tileLayer('//cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
 attribution:
   '<a href="http://maps.gsi.go.jp/development/ichiran.html">国土地理院</a>'
}).addTo(mymap);
/* wms ワカラン
L.tileLayer.wms('http://neogis.net/cgi-bin/kiban25000?service=wms&request=getcapabilities', {
    layers: 'finds',
    // format: 'image/png',
    attribution: 'finds.jp'
}).addTo(mymap); */
L.control.scale().addTo(mymap);
var p1 = mymap.getCenter(), p2 = p1;

var mk = L.marker({lat: 38.891, lng: 139.824});
mk.bindPopup("ほげほげほげ").addTo(mymap)
var all = [p2];

// mymap.bindPopup("いえーい");
mymap.on("click", function(ev) {
    p1 = p2;
    p2 = ev.latlng;
    all.push(p2);
    // ev.target.openPopup("いえーいいえーい", ev.latlng);
    // mymap.flyToBounds([[38.891, 139.824], [40, 140]]);
    var d = mymap.distance(ev.latlng, p1);
    var d2 = distance(ev.latlng.lng, ev.latlng.lat, p1.lng, p1.lat);
    mk.setLatLng(ev.latlng);
    //    alert(d +", "+ d2);
    //alert(mymap.getSize());
    var p2b = p2.toBounds(20);
    L.rectangle(p2b).addTo(mymap);
    var r2 = L.latLngBounds(all);
    L.rectangle(r2, {color: "red"}).addTo(mymap);
    alert(logtime.join('\n'));
    clearInterval(timer);
});
var logtime = [Date.now()/1000];
var timer = setInterval(function () {
    logtime.push(Date.now()/1000);
    document.getElementById("info").textContent = logtime.length;
    console.log(logtime);
}, 3000);