我想将Angular Leaflet中的弹出窗口悬停,而不是单击。
我初始化了一个markers数组,并在基础层的顶部覆盖了一层。
我正在尝试创建一个图层,其中公交车和公交车站彼此隶属。因此,每一层都属于叠加层中的同一类型。
我正在使用代码
markers = [];
markers.push(
{ layer : layername,
lat : latitude,
lng : longitude,
message: busNames(data),
icon :{....}
}
});
我在构建busStop数据的同一层上设置了另一个推送标记。
现在,当鼠标悬停在弹出窗口上方时,如何显示弹出窗口,而不是在单击时显示弹出窗口
PS-我是编码的新手,因此请帮助我进一步进行编码。
对于您创建的每个标记,您都必须收听“ mouseover”和“ mouseout”事件。
发送“ mouseover”时打开弹出窗口,发送“ mouseout”时关闭弹出窗口。
var marker = L.marker([51.5, -0.09]).addTo(map);
var tooltipPopup;
marker.on('mouseover', function(e) {
tooltipPopup = L.popup({ offset: L.point(0, -50)});
tooltipPopup.setContent("Hello");
tooltipPopup.setLatLng(e.target.getLatLng());
tooltipPopup.openOn(map);
});
marker.on('mouseout', function(e) {
map.closePopup(tooltipPopup);
});
这是一个例子
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句