我希望将标题悬停在地图上的标记上,然后单击它们时会打开一个包含不同内容的完整弹出窗口。
我尝试制作一个图例,其中包含所有标记的列表,这些标记将用作相应弹出窗口的链接,但我似乎不知道如何做到这一点。
Your Answer
1 个回答
您可以为不同事件的标记设置不同的弹出窗口。以下是如何在指向图层功能中设置它的示例:
var ptl = function(f, latlng){
var icon = L.icon({
iconUrl: 'img/icon.png',
iconSize: [30, 50], // size of the icon
iconAnchor: [0, 25]
});
return L.marker(latlng, {icon: icon4}).on('click', function(e) {
this.bindPopup(e.sourceTarget.feature.properties['content']);
}).on('mouseover', function(e){
var popup = L.popup({
offset: [0, -30]
})
.setLatLng(e.latlng)
.setContent(e.sourceTarget.feature.properties['title'])
.openOn(map);
}).on('mouseleave', function(e){
this.closePopup();
});
}
Hot Questions
function_exists()无法判定自定义函数
2024-04-29 11:01:01
google 浏览器 手机版显示的怎么实现
2024-04-23 00:22:19
子窗口操作父窗口,输出没反应
2024-04-19 15:37:47
父窗口没有输出
2024-04-18 23:52:34
关于CSS思维导图的课件在哪?
2024-04-16 10:10:18
Hot Tools
vc9-vc14(32+64位)运行库合集(链接在下方)
phpStudy安装所需运行库集合下载
VC9 32位
VC9 32位 phpstudy集成安装环境运行库
php程序员工具箱完整版
程序员工具箱 v1.0 php集成环境
VC11 32位
VC11 32位 phpstudy集成安装环境运行库
SublimeText3汉化版
中文版,非常好用
热门话题
抖音等级价目表1-75
20335
7
20335
7
wifi显示无ip分配
13530
4
13530
4
虚拟手机号接收验证码
11850
4
11850
4
gmail邮箱登陆入口在哪里
8835
17
8835
17
windows安全中心怎么关闭
8420
7
8420
7
热门文章
2025年加密货币市场十大趋势预测:下一个风口在哪里?
2025-11-07
By DDD
Galaxy的观点:山寨币ETF大军即将到来 哪些的前景会光明
2025-11-08
By DDD
铁路12306支付失败订单还在吗_铁路12306支付失败订单处理方法
2025-11-07
By DDD
win10字体安装后在软件里找不到怎么办_win10字体安装与识别方法
2025-11-07
By DDD
解决CSS @media 查询优先级与规则覆盖问题的教程
2025-11-07
By DDD





