mate64 mate64 - 1 month ago 15
Javascript Question

mapbox Pan a Map to Marker and Popup

Is it possible in to pan the map to the marker

onClick
regarding the popup
height
?

Currently, the popup disappears behind the map's mask. I'm looking for a solution, to fit both into the map, the marker and the popup (like adding some top padding).

featureLayer.on('click', function(e) {
var latLng = e.layer.getLatLng();
map.panTo(latLng);
});


mapbox small map with cut popup

Answer

I have found a native solution.

You need add the parameter keepInView to the bindPopup() command.

layer.bindPopup('<p>Hello</p>', {keepInView: true});

Documentation