leafletjs marker bindpopup() with options

Question

The leaflet documention shows you can add a popup to a marker with

marker.bindPopup("<b>Hello world!</b><br>I am a popup.").openPopup(); 

or create a standalone popup with

var popup = L.popup()     .setLatLng([51.5, -0.09])     .setContent("I am a standalone popup.")     .openOn(map); 

Is there no way to set popup options and bind it to a marker? I want to be able to set my own maxwidth for popups and have them open/close when you click a marker.

Answer 1

Are you sure that you're reading the Leaflet reference documentation? It specifies that you can bind a popup with options by creating it and calling .bindPopup with it. For instance,

var popup = L.popup()     .setContent("I am a standalone popup.");  marker.bindPopup(popup).openPopup(); 

Answer 2

You can pass an object of popup options as the second argument of bindPopup, like this:

marker.bindPopup("<strong>Hello world!</strong><br />I am a popup.", {maxWidth: 500}); 

I've tested this in Leaflet 1.4, and it also seems be available in earlier versions of bindPopup.