Open popups in a fixed position with Leaflet

Question

I have create my map with Leaflet exactly how I want it (with my markers and externals links).

I would like to have the popup always fixes in the top right hand corner (for an example).

Is there any way to fix the popup's location ?

Answer 1

You could for example use a div-Container and a click-Event instead of the default popups:

HTML:

<div id="info"></div>

Javascript:

onEachFeature: function (feature, layer) {
        //layer.bindPopup(feature.properties.name);

        layer.on('click', function (e) {
            document.getElementById("info").innerHTML = feature.properties.name;
        });
    }

http://jsfiddle.net/expedio/z1nw3pt4/

Answer 2

I had the same problem and didn't find a clear solution in forums. I resolved this problem with help of extra pane (http://leafletjs.com/reference-1.3.0.html#map-pane)

https://codepen.io/Yudash/pen/XEEwWv

I see it is not actual now but maybe it will save someone's time.