Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >将鼠标悬停在leaflet中的任一要素上时触发多个要素上的事件

将鼠标悬停在leaflet中的任一要素上时触发多个要素上的事件
EN

Stack Overflow用户
提问于 2020-11-02 16:05:23
回答 1查看 67关注 0票数 0

我有一个包含两条多段线和polylineDecorators的图层。当我将鼠标悬停在多段线和polylineDecorators上时,我想同时高亮显示它们。现在,当我将鼠标悬停在它上面时,我只能高亮显示一个。下面是我的代码:

代码语言:javascript
运行
AI代码解释
复制
var layer_migration = L.layerGroup({
          layerName: 'layer_migration',
          pane: 'linesPane',
        });

function onEachFeature_migration (feature, layer) { 

     var polyline = L.polyline(layer.getLatLngs(),{
         color: "#8B0000",weight: 5,opacity: 0.4,dashArray: '8,8',
         dashOffset: 0
     }).addTo(layer_migration);
             

     var PLdecorator1 = L.polylineDecorator(polyline, {
            patterns: [{
              offset: '104%',
              repeat: 100,
              symbol: L.Symbol.arrowHead({pixelSize: 16,
                      pathOptions: {color: "#8B0000",fillOpacity: 0.6,weight: 0
                }
              })
          }]
     }).addTo(layer_migration)

     var myfeatures = L.featureGroup([polyline,PLdecorator1]).addTo(layer_migration);

     myfeatures.on('mouseover', function(e) {
         var layer = e.target;
             layer.setStyle({color: '#8B0000',opacity: 1,fillOpacity:1
            });
     });

}

任何帮助我都非常感谢。

谢谢,

P

EN

回答 1

Stack Overflow用户

发布于 2020-11-03 20:16:04

在您的mouseover回调中,我认为e.target将只引用触发事件的单个层(折线或装饰层),而不是组成功能组的层的集合。我还没有测试过它,但是根据the docs的说法,你应该能够通过对功能组本身调用.setLayer()来获得你想要的效果:

代码语言:javascript
运行
AI代码解释
复制
 myfeatures.on('mouseover', function(e) {
     myfeatures.setStyle({color: '#8B0000',opacity: 1,fillOpacity:1});
 });

此外,如果这两条多段线是由对onEachFeature_migration()的两个单独调用创建的,则它们将作为两个单独的要素组结束。要解决此问题,可能需要在函数外部为myfeatures指定一个空的featureGroup,然后在函数内部使用myfeatures.addLayer()向其添加新的多段线。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64649083

复制
相关文章
构建云原生应用的十二要素原则(上)
12要素原则是一种构建可扩展、高性能、高健壮性应用的方法论或原则。12要素原则天然地适用于微服务,并且随着微服务的发展,这些原则也变得越来越流行。
段立功
2022/06/13
7780
大数据在P2P借贷上的四大要素
现在P2P借贷领域的许多人,包括我自己,都喜欢使用借贷平台提供的大数据来分析趋势和帮助自己更好地了解借款人,以及分析他们的行为,从而来控制我们在 P2P借贷市场上的风险。借贷平台的网络属性使得许多早期的零售投资者是以技术为导向,因此一直存在着一种误解就是,要想成为一名成功的投资者,你需要学 会了解并利用大数据。如果你愿意自学一些信贷和金融技术来帮助你在P2P借贷领域做出更好的投资决策,你就会知道事实并非如此,而且可谓是大错特错 大数据并不能解决所有问题,你需要了解在关于大数据在P2P借贷
大数据文摘
2018/05/18
9331
《风格的要素》中的编程格言
之所以翻译这篇文章,因为它与我之前关于如何/为什么要写出更易懂的代码的思考有很多关联,但更进一步的是,这篇文章直接指出了写作与编程在原则上的相似性,本质上他们都是一种面向人类的表达。
ThoughtWorks
2019/12/26
1.1K0
MultiButton事件触发型按键驱动模块在高云FPGA上的移植
前两篇文章介绍了letter-shell串口终端和cmd-parse串口命令解析器在高云FPGA GW1NSR-4C SoC上的移植:
单片机点灯小能手
2023/09/23
7212
MultiButton事件触发型按键驱动模块在高云FPGA上的移植
事件风暴的设计要素与驱动力
个人认为,相比较传统领域分析方法,事件风暴的革命意义在于它建立了以“领域事件”为核心的建模思路,这相当于改变了我们观察业务领域的世界观。
张逸
2019/03/07
1.7K0
事件风暴的设计要素与驱动力
领域驱动设计中的架构要素
多数时候,领域驱动设计的分层架构并不能清晰表达各模块之间的依赖关系,以及这些模块在分层架构中所处的位置。因为我倾向于将Uncle Bob的Clean Architecture与DDD的分层架构整合起来,如下图所示:
张逸
2018/10/10
3.5K0
领域驱动设计中的架构要素
WPF 多个 StylusPlugIn 的事件触发顺序
如果在 WPF 使用 StylusPlugIn 同时在同一个界面用多个元素都加上 StylusPlugIn 那么事件触发的顺序将会很乱 我建议是不要让 StylusPlugIn 有重叠,在没有理解 StylusPlugIn 之前请不要写出让 StylusPlugIn 有重叠的代码。因为可能有小伙伴移动了一个元素就让你的代码的行为和之前写的不一样
林德熙
2022/08/04
7800
WPF 多个 StylusPlugIn 的事件触发顺序
如果在 WPF 使用 StylusPlugIn 同时在同一个界面用多个元素都加上 StylusPlugIn 那么事件触发的顺序将会很乱 我建议是不要让 StylusPlugIn 有重叠,在没有理解 StylusPlugIn 之前请不要写出让 StylusPlugIn 有重叠的代码。因为可能有小伙伴移动了一个元素就让你的代码的行为和之前写的不一样
林德熙
2019/10/23
8890
WPF 多个 StylusPlugIn 的事件触发顺序
EDI的三要素
本文主要介绍EDI的三要素,包括:数据标准化、EDI软件及硬件、传输协议。这三个要素需要协同合作,才能构成完整的EDI。
EDI Iris
2021/08/20
5210
EDI的三要素
十二要素
一份基准代码(Codebase),多份部署(deploy) 尽管每个应用只对应一份基准代码,但可以同时存在多份部署。每份 部署 相当于运行了一个应用的实例。
分母为零
2019/07/04
7630
EDI的三要素
本文主要介绍EDI的三要素,包括:数据标准化、EDI软件及硬件、传输协议。这三个要素需要协同合作,才能构成完整的EDI。
知行软件EDI
2020/12/01
1K0
mfc vc++ 如何求点到直线的距离 判断点是否在线要素上?
首先知道线要素由点要素数组points构成,points可以是CPoint类型、Point类型、或者自定义类型。要判断Point类型的点p是否在由points组成的线要素上,只需要遍历计算该点到每一条线的距离,来判断点是否在线要素的某一部分上。
acoolgiser
2019/01/16
1K0
事件总线怎么使用?事件总线三要素有哪些?
可能很多人对于事件总线这个概念非常模糊,但“观察者模式”想必很多人都听说过。事件总线实际上就是对于观察者模式的一种实现,它以集中式事件的处理机制,让不同的组件之间能够彼此通信但又不会相互依赖。那么,事件总线怎么使用呢?下文中将会为大家作出介绍。
用户8715145
2022/03/18
3780
TKE容器实现限制用户在多个namespace上的访问权限(上)
kubernetes应用越来越广泛,我们kubernetes集群中也会根据业务来划分不同的命名空间,随之而来的就是安全权限问题,我们不可能把集群管理员账号分配给每一个人,有时候可能需要限制某用户对某些特定命名空间的权限,比如开发和测试人员也可能需要登录集群,了解应用的运行情况,查看pod的日志,甚至是修改某些配置。这时候,我们可以通过创建受限的kubeconfig文件,将该config分发给有需要的人员,让他们能通过kubectl命令实现一些允许的操作
chen1900s
2020/07/23
2.1K0
【阿信子程序学习笔记(3)】FORTRAN程序的基本要素要素
运行程序之后,在弹出的黑框中通过输入任意两个数值,比如下图中1和2,得到计算结果为3.0和2.0
阿信老师CAE
2022/05/17
3300
【阿信子程序学习笔记(3)】FORTRAN程序的基本要素要素
落地DevOps的三要素
前面的2篇文章,分别介绍了对devops的定义和理解以及devops的落地路线图。
老_张
2023/03/01
3140
落地DevOps的三要素
从根本上把握防护DDoS的核心要素,不怕DDoS攻击防不住
随着互联网技术的广泛应用和飞速发展,DDoS流量攻击案件频发,网站防护DDoS变得越来越重要,只有采取有效的网站安全防护措施,才能够更好的防御黑客的攻击。
blublu7080
2020/12/18
3.5K0
从根本上把握防护DDoS的核心要素,不怕DDoS攻击防不住
多态形成的三要素
上一篇文章中,我们看到了简单的赋值兼容模型,将子类赋值给父类对象时,调用共有的同名接口时,调用的依然还是父类的成员函数。在 C++ 中,有一个总要的概念,那就是多态。通过父类提供一些虚函数,让子类继承下去并实现为另外的功能,然后将子类对象的地址赋值给父类的对象指针。这样再次使用父类的指针调用共有同名接口时,你会发现它竟然调用的是子类的方法。这一切都来源于一个关键字“virtual”。
我与梦想有个约会
2023/10/20
2270
多态形成的三要素
元素建模:探索建模的要素
在先前的一系列云研发体系的文章里,我们一直在对需求、代码等各种软件开发元素进行抽象、定义、建模。随着,这个抽象过程的一步步深入,便发现我们似乎也需要对于建模这一件事,做一层抽象。
Phodal
2021/12/04
4160
点击加载更多

相似问题

获取要素属性时的Leaflet TypeError

124

单个要素文件中的多个要素

30

使用Leaflet旋转geojson要素

16

Leaflet -使用Leaflet-Geoman插件选择多个geoJSON面要素

1158

捕捉到多个图层上的要素

17
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文