1. 程式人生 > >leaflet 在地圖popup彈框中新增按鈕並點選響應(vue2leaflet),設定popup的content屬性,新增button

leaflet 在地圖popup彈框中新增按鈕並點選響應(vue2leaflet),設定popup的content屬性,新增button

效果如圖,點選【進入】按鈕,彈出alert提示框。當然這裡可以把alert換成其他響應需求。

 首先給popup的content新增button:

<l-popup :content="profile1-1+ '<br><button id="btnCon">進入</button>'"></l-popup>

然後在popupopen事件中對按鈕繫結click事件:

this.$refs.map.mapObject.on("popupopen", function(e){
    document.getElementById("btnCon").onclick = function(){
         alert('a');
    }
});