클릭하면 위/마커를 텍스트 상자에 표시하는 방법

Question

function getInfo() { 
    $.getJSON("get_info.php", function (data) { 
     for (var i = 0; i < data.length; i++) { 
     var location = new L.LatLng(data[i].lat, data[i].lng); 
     var marker = new L.Marker(location,{icon:Icon1}); 
      marker.bindPopup(
       data[i].name + "<br>" + 
       data[i].user_date + "<br>" + 
       data[i].user_time + "<br>" + 
       data[i].address + "<br>" 
      ).addTo(map); 
      marker.on('click', function(e) { // HERE YOU GO 
       var ll = marker.getLatLng(); 
document.querySelector('#userLat').value = ll.lat; 
document.querySelector('#userLng').value = ll.lng; 
      }); 
     } 
    }); 
    } 

위의 코드는 완벽하게 작동하지만 한 가지 질문이 있습니다. 이렇게하면 데이터베이스에서지도에 마커가 자동으로 생성됩니다. 생성 된 마커를 클릭하면 두 개의 diff 텍스트 상자에 위도/경도 마커가 표시되는 함수를 추가하고 싶습니다. 내가 어떻게 이걸 얻을 수 있니?

<text>Marker Latitude:<text> 
<input id="userLat" type="text" name="userlat" /> 
<text>Marker Longhitude:<text><br> 
<input id="userLng" type="text" name="userlng" /><br><br> 

Answer 1

당신은 Leaflet’s events를 찾고 있습니다 : 내 질문에 대한 죄송합니다 선생님

function getInfo() { 
    $.getJSON("get_info.php", function (data) { 
     for (var i = 0; i < data.length; i++) { 
     var location = new L.LatLng(data[i].lat, data[i].lng); 
     var marker = new L.Marker(location,{icon:Icon1}); 
      marker.bindPopup(
       data[i].name + "<br>" + 
       data[i].user_date + "<br>" + 
       data[i].user_time + "<br>" + 
       data[i].address + "<br>" 
      ).addTo(map); 
      marker.on('click', function(e) { // HERE YOU GO 
      alert('Event is printed out to console'); // THIS CODE IS TO BE CHANGED 
      console.log(e);       // TO UPDATE WHATEVER YOU WANT 
      }); 
     } 
    }); 
    }