To enable greater flexibility and a more interactive map experience, a college and I have developed a Dash Leaflet map component. It is a light wrapper around React-Leaflet, with syntax similar to other Dash components and naming conventions following the React-Leaflet API. Not all React-Leaflet com…

Emil - Thank you for your guidance. It worked for me. I did have to adjust the callback by passing the ids from the pane wrapped geojsons using a loop to create a list of inputs and then modify the callback function parameter to *args to make it flexible enough to take the inputs of varying length…

Hey guys, thanks for all the work on dash-leaflet! I am wondering is there a way to draw a simple ‘line’ on the map rather than a ‘polyline’? I realise you can draw a polyline and click on the second point again to end the line, but it is possible to create an implementation where the line is auto…

Thanks! Just to clarify, are you talking about the EditControl? Or are you creating PolyLine components in callbacks?

Thanks for the quick reply. I was referring to creating a line within the EditControl. :grin:

In that case, I would suggest to take a look at the drawToolbar prop. It enables to you invoke actions without clicking the toolbar manually, thedirtyfew/dash-leaflet/blob/master/src/lib/components/EditControl.react.js#L49 // Custom properties. …

Sure, you could use the click event to trigger a callback that opens the URL.

Thanks Emil, I want to make use of a clientside callback in order to open a new tab. I use the following callback: dash_app.clientside_callback( """ function(feature) { ... } """, Output(component_id='hidden_div', component_property= 'children'), Input(component…

I can’t say without seeing the app code, but my guess is that the callback fires due to dynamic layout generation (then the prevent_initial_call flag doesn’t work). I believe the solution in this case would be to implement a guard in the JS code that aborts the callback if the feature is none.

I tried defining the function in the .js file in my assets/ folder as indicated in the docs of clientside callbacks and after fixing some JS bugs, it works perfectly smooth. So, for those of you who are trying to open a new tab when clicking on the Leaflet marker, I wrote the following clientside c…

Show and Tell - Dash Leaflet

Dash Python

jortuno February 10, 2022, 2:06pm 226

Hello,

I would like to know if it is possible to open an URL when clicking on a marker in the the map, rather than opening a popup.

Thanks

Topic		Replies	Views
Python Dash Leaflet cannot customize marker/icon Dash Python	7	245	January 28, 2025
Choropleth map in dash Dash Python	21	26794	May 2, 2020
:mega: Initial release of Dash Deck, a library for rendering webgl & 3D maps with pydeck and deck.gl in Dash Dash Python show-and-tell , announcements	52	13575	July 30, 2024
A basic question about Map in Dash-Leaflet Dash Python question	11	1561	April 13, 2024
Adding drag and drop effects to a plotly map Dash Python	31	4354	February 15, 2023

Show and Tell - Dash Leaflet

Related topics