OpenLayers3：一次超过一个叠加层？

Question

我正在使用 OpenLayers3 将地图集成到网站中。我添加了一些根据对象位置表示对象的特征。我添加了一个覆盖层，其中包含单击该对象时的数据，并且它运行良好。但是，有一些我不知道该怎么做，我已经尝试过但它不起作用：

对于地图上的每个对象，我想要一种在其旁边显示其名称的标签- 因为除非显示叠加层，否则无法区分它们。但是点击每个对象并不方便，特别是在智能手机上......（有时，对象彼此非常接近）。

我尝试为此显示一个叠加层。但似乎一次只能显示一个叠加层。您知道如何规避/避免显示多个叠加层吗？或者如果无法完成，您有备用解决方案吗？我查看了 API 和 OpenLayers3 网站上的示例...但我没有找到任何东西。我已经没有主意了。

多谢。

发布脚本：在我被要求提供一些代码之前，我无法发布代码的任何部分，因为它是针对我正在工作的项目的，所以显然，我的代码是机密的。抱歉，谢谢您的理解。但我可以研究任何示例或想法，使其适合我的代码，并查看它是否有效。

Answer 1

看看这个小提琴。我正在使用这个小小的 css ( https://github.com/chinchang/hint.css ) 帮助器。覆盖层是使用以下函数创建的：

function createOverlay(txt, coord) {
    var div = document.createElement('div');
    div.className = 'marker hint-address hint--always hint--left';
    div.setAttribute('data-hint', txt);

    var overlay = new ol.Overlay({
        element: div,
        offset: [-20, -40],
        position: coord,
        positioning: 'center-center'
    });
    map.addOverlay(overlay);
}