$(document).ready(function(){

    var latLng = L.latLng(43.328920024085, -3.0330204963684086);

    var mapa = L.map('kokapena', {
        center: latLng,
        zoom: 13,
        layers: [ new L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
            maxZoom: 18
        })]
    });

    
    mapa.on('popupopen', function(e) {
        var px = mapa.project(e.target._popup._latlng); // find the pixel location on the map where the popup anchor is
        px.y -= e.target._popup._container.clientHeight/2; // find the height of the popup container, divide by 2, subtract from the Y axis of marker location
        mapa.panTo(mapa.unproject(px),{animate: true}); // pan to new center
    });

});