owing the position the user clicked
var popup &#x3D; new ol.Overlay({
  element: document.getElementById(&#x27;popup&#x27;)
});
map.addOverlay(popup);

map.on(&#x27;click&#x27;, function(evt) {
  var element &#x3D; popup.getElement();
  var coordinate &#x3D; evt.coordinate;
  var hdms &#x3D; ol.coordinate.toStringHDMS(ol.proj.transform(
      coordinate, &#x27;EPSG:3857&#x27;, &#x27;EPSG:4326&#x27;));

  $(element).popover(&#x27;destroy&#x27;);
  popup.setPosition(coordinate);
  // the keys are quoted to pr