openlayers-3 - Openlayers 3. 如何为功能制作tootlip

Question

现在我将我的项目从 openlayers 2 移到 openlayers 3。不幸的是，我找不到如何显示功能的标题(工具提示)。在 OL2 中有一个名为 graphicTitle 的样式。
你能给我建议如何在 OL3 上实现工具提示吗？

Answer 1

这是 ol3 开发人员的示例。
jsfiddle.net/uarf1888/

var tooltip = document.getElementById('tooltip');
var overlay = new ol.Overlay({
  element: tooltip,
  offset: [10, 0],
  positioning: 'bottom-left'
});
map.addOverlay(overlay);

function displayTooltip(evt) {
  var pixel = evt.pixel;
  var feature = map.forEachFeatureAtPixel(pixel, function(feature) {
    return feature;
  });
  tooltip.style.display = feature ? '' : 'none';
  if (feature) {
    overlay.setPosition(evt.coordinate);
    tooltip.innerHTML = feature.get('name');
  }
};

map.on('pointermove', displayTooltip);