Numbers in map marker in Folium

问题:

i want to display some geo locations on map, but i want the map-pin icon to display numbers instead of the default map pin. Is there any way to do that?

I checked in font awesome icons but it didn't work.

Below is my code:

import folium
m = folium.Map(
    location=[45.3288, -121.6625],
    zoom_start=12,
    #tiles='Mapbox Bright'
)

folium.Marker([45.3288, -121.6625], popup='<i>Mt. Hood Meadows</i>').add_to(m)
folium.Marker([45.3311, -121.7113], popup='<b>Timberline Lodge</b>',icon=folium.Icon(color='red')).add_to(m)
m

What i want is instead of this default map marker i want to include numbers in my marker instead of info-sign

Something like this:

i couldn't find the answer anywhere. Any leads on this?

display number 1 to 9 inside map marker pin

回答1:

I was attempting something similar on a recent project and this is what I came up with. Might work for you.

It plots a DivCon marker with html and then a transparent circle marker in the same location.

import folium
from folium.features import DivIcon

m = folium.Map(
    location=[45.3288, -121.6625],
    zoom_start=12,
    #tiles='Mapbox Bright'
)

p1 = [45.3288, -121.6625]
folium.Marker(p1, icon=DivIcon(
        icon_size=(150,36),
        icon_anchor=(7,20),
        html='<div style="font-size: 18pt; color : black">1</div>',
        )).add_to(m)
m.add_child(folium.CircleMarker(p1, radius=15))

p2 = [45.3311, -121.7113]
folium.Marker(p2, icon=DivIcon(
        icon_size=(150,36),
        icon_anchor=(7,20),
        html='<div style="font-size: 18pt; color : black">2</div>',
        )).add_to(m)
m.add_child(folium.CircleMarker(p2, radius=15))