Search code examples
javascriptmapboxgeo

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


Solution

  • I have found a native solution.

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

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

    Documentation