Openlayers 具有多点功能的弹出窗口

Openlayers 具有多点功能的弹出窗口,openlayers,openlayers-5,Openlayers,Openlayers 5,我在第五层遇到了一些问题 看/应付这个例子 具有多个“可单击图标” 如果我点击并打开弹出窗口就可以了, 然后,如果我点击地图(不是图标),弹出窗口就会消失! 但是如果我在第一个图标上打开了一个弹出框,然后我单击另一个图标,气球会向上移动,但内容不会改变 我错在哪里!?谢谢在创建新弹出窗口之前,您需要销毁旧弹出窗口。但是,销毁之后立即重新创建可能会有问题,请参阅 因此,您可能需要一个短的超时时间,对示例中相关代码的更新如下所示 if (feature) { $(element

我在第五层遇到了一些问题 看/应付这个例子

具有多个“可单击图标” 如果我点击并打开弹出窗口就可以了, 然后,如果我点击地图(不是图标),弹出窗口就会消失! 但是如果我在第一个图标上打开了一个弹出框,然后我单击另一个图标,气球会向上移动,但内容不会改变


我错在哪里!?谢谢

在创建新弹出窗口之前,您需要销毁旧弹出窗口。但是,销毁之后立即重新创建可能会有问题,请参阅 因此,您可能需要一个短的超时时间,对示例中相关代码的更新如下所示

    if (feature) {
      $(element).popover('destroy');
      setTimeout(function () {
        var coordinates = feature.getGeometry().getCoordinates();
        popup.setPosition(coordinates);
        $(element).popover({
          'placement': 'top',
          'html': true,
          'content': feature.get('name')
        });
        $(element).popover('show');
      }, 200);
    } else {
      $(element).popover('destroy');
    }

或者您可以尝试基于该问题中的其他答案之一的解决方案

您是想做类似于?还是可能类似于?@geocodezip引导弹出窗口有一个问题,可以通过向我在此处查看并解决的OpenLayers示例添加第二个图标来复制该弹出窗口(添加弹出内容)谢谢,我在没有超时的情况下尝试过,但没有成功(我没有尝试过超时,用弹出内容解决了问题)是的,如果可以在没有引导的情况下完成,并且引导不能正常工作,那么最好不要使用它!