悬停标记时显示地图标记的弹出窗口AND弹出窗口,悬停时隐藏弹出窗口



我有一张地图,上面有很多标记。

当你将鼠标悬停在蓝点上时,弹出窗口会出现,当你再次从中取出时,它会消失——有可能这样做吗你可以将鼠标光标向上移动到地址语音气泡中而气泡不会消失吗?

这是jsfiddle(它看起来不太正确,但足以作为一个例子显示:

https://jsfiddle.net/po6t75jf/

这是我的jquery:

// Contact us map with popups
$(".feature").hover(function(e) {
e.preventDefault();
$('.map-popup[data-number], .map-down-arrow[data-number]').hide();
var item = $(this).data('number');
$('.map-popup[data-number="' + item + '"]').show();
$('.map-down-arrow[data-number="' + item + '"]').show();
var title = $('.map-popup-title[data-number="' + item + '"]').text();
$('#input_2_5').find('option[value="' + title + '"]').attr('selected', true);
},
function () {
$('.map-popup, .map-down-arrow').hide();
});
$(".feature, .map-popup").hover(function(e) {

你需要做的是:在地图信息位置容器上添加相同的悬停效果(.map popup(,并连接这两个元素,这样用户就有空间将鼠标从点位置移动到容器位置,所以理论上,如果点被悬停,两个都会弹出,但如果你继续悬停,其中一个或另一个都会显示,如果你悬停,地图会变淡,连接点和地图信息容器的方法是:

var hoverElement=$('.overlay'(;//元素,在点悬停时淡入,并且具有与点相同的属性,同时//覆盖点和地图位置信息,一旦点悬停。//当然,这个元素必须用透明的背景绝对定位。

$(".feature,.hoverElement").hover(function(e) {

//相同代码

希望我能帮上忙,很抱歉没有发布更详细的答案,但我目前正在工作,如果你想不通,也许今晚我会发布:(。非常感谢。

最新更新