leaflet如何给popup弹框添加超链接或按钮响应

 时间:2024-10-12 06:27:03

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

leaflet如何给popup弹框添加超链接或按钮响应

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

leaflet如何给popup弹框添加超链接或按钮响应

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

leaflet如何给popup弹框添加超链接或按钮响应

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

leaflet如何给popup弹框添加超链接或按钮响应
  • 迅雷下载压缩包完成后文件名乱码的解决方法
  • #校园分享#Origin如何画频数分布图?
  • 百度网盘如何离线下载?
  • origin入门:[5]origin怎么改线条颜色(上)
  • 文件hash值怎么修改
  • 热门搜索
    精子活力低怎么办 八宝饭怎么做 怎么查 盥怎么读 行李箱密码忘了怎么办 铖怎么读 为什么拉屎拉出血 果冻怎么做 芒果怎么切 踯躅怎么读