Question

我试图用和几个选项在一个标记中加上一个假的图解来作为弹出, 但它们都没有为我工作过。

下面我试图添加一个简单的巧妙例子作为数字。

这是一条代码:

import plotly.express as px
import plotly
import json
import folium
geomap = folium.Map([19.715576, -99.20099], zoom_start=9, tiles="OpenStreetMap")

df = px.data.gapminder().query("country== Canada ")
fig = px.line(df, x="year", y="lifeExp", title= Life expectancy in Canada )
fig.update_layout(margin=dict(t=10,l=10,b=10,r=10))[enter image description here](https://i.sstatic.net/Mjnkh.png)

coor1= [19.742110608748604, -99.01751491998121] #marker position

与 Vega 第一:

figjson = json.loads(fig.to_json())
popup = folium.Popup(max_width=650)
folium.Vega(figjson, height=350, width=650).add_to(popup)
folium.Marker(coor1, popup=popup, icon=folium.Icon(color = "blue", prefix =  fa , icon =  plane ), tooltip= "airport").add_to(geomap)

现在用 Iframe :

fightml = fig.to_html(full_html = True, default_width = 200, default_height = 200)
html = fightml
iframe = folium.IFrame(html=html,width=500, height=300)
popup = folium.Popup(iframe, max_width=500)
folium.Marker(coor1, popup=popup, icon=folium.Icon(color = "blue", prefix =  fa , icon =  plane ), tooltip= "airport").add_to(geomap)

Both options have similar results to the first image. Another option with even weirder results is with plain html:

html = """
    <iframe """" + fightml + """" width="850" height="400"  frameborder="0">    
    """
popoup= folium.Popup(folium.Html(html, script=True))
folium.Marker(coor1, popup=popup, icon=folium.Icon(color = "blue", prefix =  fa , icon =  plane ), tooltip= "airport").add_to(geomap)

"https://i.static.net/nc6mo.png" rel="没有跟随 noreferrer" >Results

谢谢你们

Answer 1

您可以在中使用 HTML 弹出, 所以保存您以 html 格式刻意创建的图形。接下来, 装入已保存的文件, 并将其设置为用于的 IFrame 。下一步, 在中设置弹出。最后, 将其设置为 fuilum 弹出。我的方法是保存一次, 但可能还有其他更有效的方法。

import plotly.express as px
import folium
import branca

df = px.data.gapminder().query("country== Canada ")
fig = px.line(df, x="year", y="lifeExp", title= Life expectancy in Canada )
fig.update_layout(margin=dict(t=30,l=10,b=10,r=10))
fig.write_html( /content/popup_map.html )

filepath =  popup_map.html 
with open(filepath , encoding= utf-8 ) as f:
    html = f.read()

coor1= [19.742110608748604, -99.01751491998121]
geomap = folium.Map([19.715576, -99.20099], zoom_start=9, tiles="OpenStreetMap")

iframe = branca.element.IFrame(html=html, width=500, height=300)
popup = folium.Popup(iframe, max_width=500)

folium.Marker([coor1[0],coor1[1]], popup=popup).add_to(geomap)

geomap

Answer 2

您是否有机会用无图.to_ html完成此任务, 以使数字不必保存? 感谢您提前感谢。 @ info: whatsthis

友情链接