Use "Select" interaction for selecting features.

diff --git a/wrmap.js b/wrmap.js
index b52b511..1aa9926 100644 (file)
--- a/wrmap.js
+++ b/wrmap.js
@@ -363,7 +363,12 @@ function init_wrmap(i, jq_map) {
                style: style_function_selected,
        });
        map.addInteraction(select_hover);
-       map.on('singleclick', function(event) {
+
+       var select_click = new ol.interaction.Select({
+               condition: ol.events.condition.click,
+       });
+       map.addInteraction(select_click);
+       select_click.on('select', function(event) {
                popup_content.innerHTML = '<p>You clicked</p>';
                popup_overlay.setPosition(event.coordinate);
        });