1、首先看一下效果图,在地图上有marker(可以自定义图标),点击marker后出现弹框,显示某提示内容,在提示中实现一个按钮,点击【进入】可以实现某个响应。

3、那么,如何实现这种效果呢?首先要通过leaflet官网的示例来实现基础功能,1.创建地图;2.添加点;3.添加弹框 。如图,leaflet官网例子很容易学会。

5、或者添加超链接:<l-popup :content="1号点+'<br><a href="http://www.baidu.com">进入</a>'"></l-popup>,如图,点击后响应进入到百度的页面。

7、leaflet里面有一个popupopen事件,会在弹框打开显示之前触发,所以可以在这个事件中写入绑定按钮点击事件的代码。这样就可以了。this.$refs.map.mapObject.on("popupopen", function(){ document.getElementById("btnCon").onclick = function(){ alert('a'); } });效果如图:点击【进入】后弹出alert提示框。
