带有数字的Folium标记

Question

我想使用Folium在地图上制作一些带有数字的标记。 我想要的标记看起来像Google Maps使用的标准倒立下拉形状。
我看到对于folium.Marker，您可以使用参数icon = folium.DivIcon（“html code here”），但是我不知道如何制作HTML代码，使标记看起来像标准倒立下拉标记。
在这里，我看到了一个很好的例子，使用leaflet.js：https://github.com/iatkin/leaflet-svgicon，这是他们的演示：http://iatkin.github.io/leaflet-svgicon/。

我只是不知道该如何在Python中实现它。 我想放置在标记内部的数字是某种评分数字，具有3个字符（1位数字、一个点和一位小数），例如3.4、4.8、2.5等，其值介于0.0至5.0之间。 这种类型的标记形状也可以：

我看到了其他解决方案，例如在圆圈中显示数字，但它看起来不像常规的尖峰推pin类型的标记，如下图：Numbers in map marker in Folium

谢谢,
史蒂文

- Steven

Answer 1

你好，我做了类似的事情，结果如下：

代码如下：

import folium
import folium.plugins as plugins

# BASE MAP
n = folium.Map(location=[20.299172882895903,-103.18423327532622], zoom_start = 10)
    
for i in range(0,len(DF)):
    html=f"""
        <h2>  Información de la ruta </h2>
        <p> Ruta: {DF.iloc[i]['route_id']}  </p>
        <p> Secuencia de visita: {DF.iloc[i]['sequencia']}  </p>
        """

    iframe = folium.IFrame(html=html, width=200, height=150)
    popup = folium.Popup(iframe, max_width=650)
    folium.Marker(
        location=[DF.iloc[i]['latitude'], DF.iloc[i]['longitude']], popup=popup,
        icon=plugins.BeautifyIcon(
                         icon="arrow-down", icon_shape="marker",
                         number=DF.iloc[i]['sequencia'],
                         border_color= itinerario_lunes.iloc[i]['hex_code'],
                         background_color=itinerario_lunes.iloc[i]['hex_code']
                     )
    ).add_to(n)

# Show the map again
n

- Orlando G

---

如何增加数字字体大小？ - MCPMH