javascript - HERE 悬停信息气泡位置上的 map

Question

我希望我的 infoBubble 在 mouseenter 上打开并在 mouseleave 上关闭，到目前为止，它工作得很好，除了 infoBubble 的默认位置位于标记上，当您在标记上移动鼠标时，它会不断关闭和打开。

当它落在标记上时我的意思的一个例子可以在这里看到: http://developer.here.com/api-explorer#maps-js/open-infobubble

理想情况下，我希望 infoBubble 显示在标记下方，我可以设置 infoBubble 的位置吗？

(尝试使用 setPosition 方法将 infoBubble 向上移动，但标记在您移出时保持相同的大小，因此 infobubble 会回到顶部。

var infoBubble = new H.ui.InfoBubble({
            lat: coordinates[1],
            lng: coordinates[0]
        }, {
            content: infoBubbleContent
        });

        marker.addEventListener('pointerenter', function() {
            ui.addBubble(infoBubble);
            infoBubble.open();
        }, false);

        marker.addEventListener('pointerleave', function() {
            infoBubble.close();
        }, false);

感谢您提前提供的帮助

Answer 1

infoBubble has an addClass method ，所以我解决这个问题的方法是通过此方法添加一个类，并将信息气泡向上移动标记的高度。