时间戳

首页 > 解决方案 > 如何将 folium.icon 与 fontawesome 一起使用

python - 如何将 folium.icon 与 fontawesome 一起使用

问题描述

我正在寻找使用自定义 fontawesome 图标，谢谢。

我想使用 fontawesome 图标从 folium.icon 更改图标。

例如，我想改变这个：

    import folium

    m = folium.Map(location=(25.0431, 121.539723), zoom_start=12,tiles='Cartodb Positron')

    folium.Marker(
        location=[25.0431, 121.539723], 
        icon=folium.Icon(color="red",icon="fa-truck", prefix='fa')).add_to(m)

    m

从 fontawesome到一个汉堡图标，如下所示：

    folium.Marker(
        location=[25.0431, 121.539723], 
        icon=folium.Icon(color="red",icon="fa-hamburger", prefix='fa')).add_to(m)

但这对我不起作用！

非常感谢！！！！

标签： pythonfont-awesomefolium

解决方案

修改

我之前的回复忽略了 Folium 和 Leaflet 的这个问题：在 Fontawesome v5 中添加的图标目前不会在 Folium 或 Leaflet 中呈现，而 Folium 是在其上派生的。作为 Fontawesome v4 一部分的字体，例如"truck"在您实现时工作得很好。因此，您必须等待“ ”或在Fontawesome v4 列表hamburger中找到另一个有效的标记。

请记住，如果您在 Fontawesome 中找不到您想要的东西，您可以随时使用Bootstrap 图标作为替代。

下面提供的信息仅对 Fontawesome v4.x 图标有效

欢迎！您应该能够通过对图标构造函数稍作修改来呈现图标。在正常使用中，icon参数将指向Bootstrap中的标准字形图标。如果你想使用 Fontawesome 图标，你输入图标的名称，不带前缀（例如，只是"hamburger"没有"fa-"前面），然后prefix为 Fontawesome 添加关键字参数，即fa.

所以在你的情况下，它看起来像这样：

folium.Marker(
    location=[25.0431, 121.539723], 
    icon=folium.Icon(color="red",icon="hamburger", prefix='fa')
).add_to(m)

也看到这个问题。

推荐阅读