里面有数字的叶子标记

Question

我想使用 Folium 在地图上做一些标记，并在标记内添加一些数字。我希望标记看起来像 Google 地图使用的标准倒置水滴形状。
我看到对于 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 。这种类型的标记形状也很好：

我看到了像这个例子这样的其他解决方案，它们显示圆圈并显示内部的数字，但它看起来不像标记的常规尖头图钉 kinf 那样好： Numbers in map mark in Folium

谢谢，
史蒂文

Answer 1

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

\n

\n

代码是：

\n

import folium\nimport folium.plugins as plugins\n\n# BASE MAP\nn = folium.Map(location=[20.299172882895903,-103.18423327532622], zoom_start = 10)\n    \nfor i in range(0,len(DF)):\n    html=f"""\n        <h2>  Informaci\xc3\xb3n de la ruta </h2>\n        <p> Ruta: {DF.iloc[i][\'route_id\']}  </p>\n        <p> Secuencia de visita: {DF.iloc[i][\'sequencia\']}  </p>\n        """\n\n    iframe = folium.IFrame(html=html, width=200, height=150)\n    popup = folium.Popup(iframe, max_width=650)\n    folium.Marker(\n        location=[DF.iloc[i][\'latitude\'], DF.iloc[i][\'longitude\']], popup=popup,\n        icon=plugins.BeautifyIcon(\n                         icon="arrow-down", icon_shape="marker",\n                         number=DF.iloc[i][\'sequencia\'],\n                         border_color= itinerario_lunes.iloc[i][\'hex_code\'],\n                         background_color=itinerario_lunes.iloc[i][\'hex_code\']\n                     )\n    ).add_to(n)\n\n# Show the map again\nn\n

\n