如何修改Folium默认标记,仅显示巴士图标去除红色背景?
如何让Folium标记仅显示巴士图标而无红色背景?
当前使用的Folium标记代码及效果如下:

folium.Marker([float(lat), float(lon)], popup=f"<i>{location}</i>", tooltip=tooltip, icon=folium.Icon(color="red",icon="bus-simple", prefix='fa')).add_to(m)
修改方案
有两种常用方法可以实现仅显示巴士图标、去除红色背景的效果:
方法1:修改folium.Icon的背景色为透明
直接将folium.Icon的color参数设置为"transparent",让背景变为透明,只保留Font Awesome图标:
folium.Marker([float(lat), float(lon)], popup=f"<i>{location}</i>", tooltip=tooltip, icon=folium.Icon(color="transparent", icon="bus-simple", prefix='fa')).add_to(m)
方法2:使用folium.DivIcon自定义纯图标
通过DivIcon直接渲染HTML格式的Font Awesome图标,完全摆脱默认的背景框,还能自主定义图标颜色、大小:
folium.Marker( [float(lat), float(lon)], popup=f"<i>{location}</i>", tooltip=tooltip, icon=folium.DivIcon(html='<i class="fa fa-bus-simple" style="font-size:20px;color:black;"></i>') ).add_to(m)
内容的提问来源于stack exchange,提问作者boric-acid
相关产品推荐
相关产品推荐

