I’m having difficulties inserting a hyperlink to the map markers. This is the map I created of NYC schools: map_of_schools my code: schools=[] for i in interest_areas: df_sub=df4[df4.interest1==i] school = dict( type = 'scattermapbox', locationmode = 'USA-states', …

Hi @adamschroeder , Here’s an example of the approach I mentioned from plotly.offline import plot import pandas as pd import plotly.graph_objs as go # mapbox_access_token = '...' # Build scattermapbox trace and store URL's in the customdata # property. The values of this list will be easy to get …

Hi @adamschroeder , I don’t think it’s possible to add a true hyperlink to a marker trace. If you’re working in the Jupyter Notebook you could simulate the effect by using the on_click callback mechanism of a FigureWidget as you mentioned. To actually open the browser tab you could have your callb…

Thank you Jon, @jmmease . I was able to make it work thanks to your example (full code below). The only challenge I have left to overcome is to make it work on plotly. The on_click callback doesn’t work for me when I try to run code through plotly: py.iplot(fig) The map appears fine, but the the m…

Hi @adamschroeder , Yes, unfortunately this FigureWidget approach will only work in the Jupyter Notebook with a live running python kernel. I don’t think there is a way to host a figure with custom callbacks on the online Chart Studio . I don’t know if this would help with your particular use case, …

[image] jmmease: I can create a new version Thank you @jmmease , that would be very helpful if you could create it. In the meantime, I’m trying other things like using kaggle or brython, but nothing yet. My goal is to send the html link to parents in my organization and around the city, so t…

Thank you very much @jmmease , this works perfect. If I’d like to do similar maps and interactive visualizations with callbacks in the future, would you recommend I learn Dash or try to learn basic JavaScript so I can do what you did?

Great! Dash is definitely the more mature solution and you get pretty much unlimited control since you can write all of the callbacks/backend login in Python, and you can use a really nice suite of widget controls. But this does require the webapp to be hosted on a webserver somewhere (The dash do…

Hi @jmmease , I tried following this pattern, and am able to inject the script tag into my html, and get a div in plot_element. The div has class=“plotly-graph-div js-plotly-plot”. However, the plot_click event never seems to fire. Any thoughts on why the event may not be firing? Fwiw, the plot_eleme…

Perhaps some more helpful details. Here’s the script tag injected into the html: <script type="text/javascript"> var plot_element = document.getElementById('3f56277f-e84b-4b68-ae85-91d3cd62d01c'); console.log('callback js has been added to page. did we get plot_element?'); console…

FWIW, the issue was in my layout. I had 'clickmode': 'select', which screwed things up. Removing that enabled events to fire. This example was extremely helpful!

Hi jmmease, Can you please let me know # mapbox_access_token = ‘…’ is ? I am trying to implement clickable URL for line charts, but couldn’t find any solution. can you please help me out here ?

Hyperlink to markers on map

📊 Plotly Python

AIMPED January 26, 2023, 10:00am 20

Hi @nsingal, welcome to the forums.

Which plotly version are you using?

We have a similar case here:

Topic		Replies	Views
[Python Plotting] Using a click event to open a URL 📊 Plotly Python	2	6247	March 11, 2019
Interactive map marker 📊 Plotly Python	1	897	February 13, 2020
Add hyperlinks to plot data 📊 Plotly Python	2	4184	February 11, 2019
Scatter Plots on Mapbox example - Multiple Markers 📊 Plotly Python	3	2204	April 4, 2019
Clickable Countries - Choropleth Maps - Jump from Country to new Window (URL) 📊 Plotly Python	0	821	May 20, 2021

Hyperlink to markers on map

Related topics