[ANGULAR] 전단지 팝업 내부 버튼을 추가합니다

전단지 팝업 내부 버튼을 추가합니다

해결법

1. ---

   1.아래와 같이 전단지에 단추를 추가하려면 InnerHTML을 사용해야합니다.

   아래와 같이 전단지에 단추를 추가하려면 InnerHTML을 사용해야합니다.

   defineYourWaypointOnClick(e: any) {
   
   var choicePopUp = L.popup();
   var container = L.DomUtil.create('div');
   //////////////////////////////////////////////////////////////////////////////////////////////
   ///////////modified here
   startBtn = this.createButton('Start from this location', container),
   destBtn = this.createButton('Go to this location', container);
   div.innerHTML = ''+startBtn+ '    ' + destBtn ; 
   //////////////////////////////////////////////////////////////////////////////////////////////
   
   choicePopUp
     .setLatLng(e.latlng)
     .setContent('You clicked the map at ' + e.latlng.toString() + '<br>' + startBtn)
     .openOn(this.map);
   
   L.DomEvent.on(startBtn, 'click', () => {
     alert("toto");
   });
   
   L.DomEvent.on(destBtn, 'click', () => {
     alert("tata");
   });
   }
   
   createButton(label: string, container: any) {
   var btn = L.DomUtil.create('button', '', container);
   btn.setAttribute('type', 'button');
   btn.innerHTML = label;
   return btn;
   }
   

from https://stackoverflow.com/questions/42599445/adding-buttons-inside-leaflet-popup by cc-by-sa and MIT license