You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 20:06:28