Question

我希望使用自定义的字体图标thx。

我想使用字体很棒的图标从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

到burger icon from fontawesome，如下所示：

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

但这对我不起作用！

非常感谢！!!!

Answer 1

我认为发生此问题是因为bhupesh@Laptop:~$ http -f POST http://127.0.0.1:8000/api/diagnos/ symptoms='fever' symptoms='urinoma' HTTP/1.1 200 OK Allow: POST, PUT, OPTIONS Content-Length: 5037 Content-Type: application/json Date: Sat, 24 Oct 2020 13:38:57 GMT Referrer-Policy: same-origin Server: WSGIServer/0.2 CPython/3.8.5 Vary: Accept, Origin X-Content-Type-Options: nosniff X-Frame-Options: DENY [ { "name": "uncoordination" }, { "name": "fever" }, { "name": "pleuritic pain" }, { "name": "snuffle" }, { "name": "throat sore" }, { "name": "malaise" }, { "name": "debilitation" } ]使用folium，而汉堡包是FontAwesome 4之后的可用图标。因此，解决方案是使用FontAwesome 4 icon list中的字体，或者派生FontAwesome 5.7来更新库。

对我来说，至少Folium有用。

Answer 2

修订版

我先前的回答忽略了this issue with Folium and Leaflet：Fontawesome v5中添加的图标目前在Folium或Leaflet中不渲染，而在Folium或Leaflet中则衍生了Folium。在实施Fontawesome v4时，诸如"truck"之类的字体可以正常工作。因此，您必须等待“ hamburger”或在Fontawesome v4 list中找到另一个有效的标记。

请记住，如果无法使用Fontawesome找到想要的东西，可以随时使用Bootstrap icons作为替代。

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

欢迎光临！您应该能够在对图标构造函数稍加修改的情况下呈现图标。在正常使用中，icon参数将指向标准glyphicons from Bootstrap。如果要使用Fontawesome图标，请在图标名称前添加前缀（例如，"hamburger"前面没有"fa-"），然后为Fontawesome添加prefix关键字参数，即fa。

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

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

也请参见this question。

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

2 个答案: