Add popup back to icon example

examples/icon.js

@@ -1,4 +1,6 @@
 goog.require('ol.Map');
+goog.require('ol.Overlay');
+goog.require('ol.OverlayPositioning');
 goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.format.GeoJSON');
@@ -54,3 +56,33 @@ var map = new ol.Map({
     zoom: 3
   })
 });
+
+var element = document.getElementById('popup');
+
+var popup = new ol.Overlay({
+  element: element,
+  positioning: ol.OverlayPositioning.BOTTOM_CENTER,
+  stopEvent: false
+});
+map.addOverlay(popup);
+
+// display popup on click
+map.on('singleclick', function(evt) {
+  var feature;
+  map.forEachFeatureAtPixel(evt.getPixel(), function(f) {
+    feature = f;
+  });
+  if (feature) {
+    var geometry = feature.getGeometry();
+    var coord = geometry.getCoordinates();
+    popup.setPosition(coord);
+    $(element).popover({
+      'placement': 'top',
+      'html': true,
+      'content': feature.get('name')
+    });
+    $(element).popover('show');
+  } else {
+    $(element).popover('destroy');
+  }
+});