var mymap = L.map("mymap").setView([38.97391518054152,139.943252474086] , 18); L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' }).addTo(mymap); var yama=[38.973621, 139.944348]; i=0; mymap.on("click", function(e){ console.log(e.latlng); }); var start=document.getElementById("en"); var rad=0; var panko=[],en=[]; panko.push(rad); //var Panko=parseFloat(panko); var circle=[38.97391921076474,139.94443227720404 ]; function mk_cicle(){ var time=setInterval(big, 100); function big(){ //r=r+50; rad+=1; panko.push(rad); //console.log(panko); var maru=L.circle(circle,{radius:panko[i]}); en.push(maru); en[i].addTo(mymap); if(i==100){ clearInterval(time); //console.log(maru); }else if(0<i){ en[i-1].remove(mymap); }; i++; }; }; start.addEventListener("click",mk_cicle,false) //var daoko=[38.99410572845627,139.96728372600046]; /*var maru=L.circleMarker(daoko,{radius:100}).addTo(mymap); pixel size var anzen=[38.97392769195738,139.94382110239715]; var titen=L.circle(anzen,{radius:10}).addTo(mymap); bbb=L.latLng(circle); var aaa=bbb.distanceTo(anzen); console.log(aaa); */ var pokemon=[[38.974024,139.942671], [38.973590,139.942642], [38.973476,139.944170], [38.973875,139.944206] ]; var polygon = L.polygon(pokemon, {color: 'red'}).addTo(mymap); var yamarker=L.icon({ iconUrl: 'mountain_yama.png', iconSize: [80, 95], iconAnchor: [22, 94], popupAnchor: [-3, -76], //shadowUrl: 'my-icon-shadow.png', shadowSize: [68, 95], shadowAnchor: [22, 94]}); var yamak= L.marker(yama,{icon:yamarker,zIndexOffset:100000}).addTo(mymap);