如果悬停显示弹出窗口(而不是单击),如何使弹出窗口可见。一旦离开标记,它就会隐藏

时间:2019-06-21 23:13:25

标签: mapbox-gl-js

我正在使用群集,当鼠标悬停在一个群集上时,会显示一个弹出窗口。

用户需要单击该弹出窗口上的链接。

但是一旦鼠标离开标记,弹出窗口就会关闭。

什么是简单的方法?

我已经阅读并发现有一个mousemove事件,但恐怕会被触发很多次并使事情变慢。

map.on('mousein ', 'clusters', function (e) {
  var coordinates = e.features[0].geometry.coordinates.slice();
  var id = e.features[0].id;

  map.getSource('users').getClusterLeaves(id, 50, 0, function(error, features){
    const html = features

    new mapboxgl.Popup()
    .setLngLat(coordinates)
    .setHTML(html)
    .addTo(map);
  })

});

现在,一旦离开标记,它就会隐藏弹出窗口。

如果用户将鼠标悬停在标记和相应的弹出窗口上,我希望显示弹出窗口。

0 个答案:

没有答案