pablocattaneo
10/2/2018 - 6:03 PM

Center marker and popup on the map

Center marker and popup on the map. #leafletjs #map Source: https://stackoverflow.com/a/23960984/3599272

var map = L.map('id_div').setView([51.505, -0.09], 13);

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