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值怎么修改
  • 热门搜索
    5.19中国旅游日 十三陵旅游攻略 西安著名旅游景点 天津蓟县旅游 三亚自助旅游 法国著名旅游城市 山西有哪些旅游景点 去冰岛旅游 牡丹江旅游局 淄博旅游政务网