run_layer_method not working with multiple args for ui.leaflet

[AIBappa]

Below sample code works for bindPopup method but not for marker.on('click', function(e){..}) method from leaflet.js.

@ui.page('/')
async def page():
    map = ui.leaflet(center=(51.5, -0.1))
    m = map.marker(latlng=map.center)
    await map.initialized()
    map.run_layer_method(m.id, 'bindPopup', 'London')
    map.run_layer_method(m.id, ':on', "click", f"function(e) {{ alert(`Marker clicked at ${e.latlng.lat}, ${e.latlng.lng}`); }}")

[falkoschindler]

Hi @AIBappa,

This line should work:

map.run_layer_method(m.id, ':on', '"click"', 'function(e) { alert(`Clicked at ${e.latlng.lat}, ${e.latlng.lng}`); }')

• We don't need the f-string here, because the string interpolation happens in JavaScript on the client.
• Without an f-string we need to replace {{ and }} with { and }.
• Because ":on" indicates dynamic arguments that will be translated from strings to JavaScript objects on the client, the name "click" needs to be a quoted string. Otherwise JavaScript will look for an object called click, causing an error in the developer console.

[AIBappa]

Yes it does indeed run. Thank you very much!