$(document).ready(function(){
    var latLng = L.latLng(43.29979078, -1.86033726);
    var zoom = 18;

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

        L.marker([43.29979078, -1.86033726], {draggable: false, autoPan: false, icon: L.icon({iconUrl: 'https://kartadigitalak.eus/images/icons/marker.png', iconAnchor:   [0, 0]})}).bindPopup('<a href="https://kartadigitalak.eus/ostatuak/oiartzun/kabitxo-taberna" class="text-primary font-weight-bold">Kabitxo Taberna</a><br />Euskal Herria Plaza&comma; 2&comma; 20180 Oiartzun&comma; Gipuzkoa<br /><span class="text-uppercase">Oiartzun</span>').addTo(mapa);
    
    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
    });
});