Javascript 如果我在地图中单击不同的标记,如何删除以前的infobubble?
下面是我添加infobubble的代码。我想在单击(轻触)其他标记后删除当前的infobubbleJavascript 如果我在地图中单击不同的标记,如何删除以前的infobubble?,javascript,here-api,Javascript,Here Api,下面是我添加infobubble的代码。我想在单击(轻触)其他标记后删除当前的infobubble function addInfoBubble(map) { var group = new H.map.Group(); map.addObject(group); // add 'tap' event listener, that opens info bubble, to the group group.addEventListener('tap',
function addInfoBubble(map)
{
var group = new H.map.Group();
map.addObject(group);
// add 'tap' event listener, that opens info bubble, to the group
group.addEventListener('tap', function(evt) {
// event target is the marker itself, group is a parent event target
// for all objects that it contains
var bubble = new H.ui.InfoBubble(evt.target.getPosition(), {
// read custom data
content: evt.target.getData()
});
// show info bubble
ui.addBubble(bubble);
}, false);
}
如果单击其他标记,我应该将代码行
ui.removeBubble(bubble)
放置在何处?您可以在添加新标记之前从ui中删除所有InfoBubble。如果您不介意删除当前显示的所有气泡,类似这样的操作应该会起作用:
ui.getBubbles().forEach(bub => ui.removeBubble(bub));
将其合并到您的代码中:
function addInfoBubble(map) {
var group = new H.map.Group();
map.addObject(group);
// add 'tap' event listener, that opens info bubble, to the group
group.addEventListener('tap', function(evt) {
// event target is the marker itself, group is a parent event target
// for all objects that it contains
var bubble = new H.ui.InfoBubble(evt.target.getPosition(), {
// read custom data
content: evt.target.getData()
});
//remove infobubbles
ui.getBubbles().forEach(bub => ui.removeBubble(bub));
// show info bubble
ui.addBubble(bubble);
}, false);
}
以下是您可以做的更深入的总结: 删除上次创建的infobubble:
ui.removeBubble(bubbles[bubbles.length - 1])
bubbles[bubbles.length - 1].close()
ui.removeBubble(bubbles[0])
关闭创建的第一个infobubble:
ui.removeBubble(bubbles[bubbles.length - 1])
bubbles[bubbles.length - 1].close()
ui.removeBubble(bubbles[0])
删除创建的第一个infobubble:
ui.removeBubble(bubbles[bubbles.length - 1])
bubbles[bubbles.length - 1].close()
ui.removeBubble(bubbles[0])
关闭所有气泡:
bubbles.forEach((bubble) => {
bubble.close()
});
清除所有气泡
while(bubbles.length > 0) {
this.ui.removeBubble(bubbles[0])
}
单击infobubbles,您可以尝试这些