leaflet自定义popup弹框，给popup弹框显示内容添加按钮button或者超链接等html标签

首先效果图：

这里在弹框的文字下面添加了一个button按钮和超链接。这种效果在web应用中很常见。所以下面总结一下如何用leaflet实现。

             

首先要用leaflet实现弹框的效果（如下图），这个就不详细介绍了，比较简单，参考leaflet官网：https://leafletjs.com/index.html

或者这里介绍一个可以在线运行示例的很棒的学习工具 https://jsfiddle.net/5apzcqvu/18/

大概的代码如下：

重点：如何添加超链接和按钮标签？

只需要在popup组件的content属性里面设置即可，注意不是直接在vue的模板template里的leaflet组件里面加 ，即：

而是在script代码里面的属性设置的地方添加。即：

name: 'Contact1
进入'

个人觉得原因是html的标签要在script中才能被浏览器解析。