首页 / 浏览问题 / 其他 / 问题详情
在页面上添加鼠标悬浮弹窗事件,不是鼠标点击显示弹窗
41EXP 2020年04月02日

老师,您好,现在需要一个鼠标悬浮显示弹窗的功能,页面上在已知的坐标点有一个添加的图片,要求鼠标悬浮到这个图片的时候能显示弹窗,现在我做了一个点击图片显示弹框的,怎么变成鼠标悬浮显示弹框

js代码如下:

jsp页面显示如下:

2 个回答

您好,给marker图层添加鼠标悬停事件可以参考这篇博客http://www.voidcn.com/article/p-xtgrtuol-bqb.html

鼠标悬停的弹窗可以参考http://www.voidcn.com/article/p-vpupwhgs-bvu.html这篇博客中的鼠标悬停事件的写法

5,668EXP 2020年04月03日

你好。那么具体的实现思路就是给你的marker注册一个监听事件,当鼠标滑入时触发事件方法,使弹窗打开。这样实现的代码如下:

<!--StartFragment -->

     marker1.on('mouseover',function(){ 注册鼠标划入事件
                    marker1.openPopup(marker1.getLatLng());  触发的方法,使弹窗打开。
                })

1,686EXP 2020年04月03日
老师您好,我这边的情况是这样的,这是同时添加多个点,用了一个循环在地图上添加弹框信息,用您说的那个方法后鼠标悬浮到添加的任何一个点都只弹出最后添加的那个点的弹框,而不会弹出鼠标悬浮的那个点的弹框

你好,上面的是提供的一个思路。根据你的需求,可以参考我们这个示例:https://iclient.supermap.io/examples/leaflet/editor.html#02_editFeatures 。效果是满足你的需求的。

...