Folium にてマーカーのアイコンを変更する

Folium を使って 地図を表示する の続きです。

下記を参考にした。

foliumのマーカーアイコンを自由に変更する方法

foliumでGoogle Mapのマーカーアイコンを表示する

組み込みのアイコンを利用する

下記のアイコンが利用できる。

GlyphSearch

上記の記事と同じように「tower」を利用する。

folium.Marker(
     location = [lat, lon]
     ,popup= name
     ,icon=folium.Icon(icon="tower", icon_color='red', color="green")
).add_to(map)

リモート画像を利用する

上記の記事と同じように Google の 赤いピン を利用する。

url_icon = 'https://maps.google.com/mapfiles/ms/micons/red-pushpin.png'
width = 32
height = 32

icon=CustomIcon(
    icon_image= url_icon,
    icon_size=(2*width, 2*height),
    icon_anchor=(width, height),
    popup_anchor=(0, -height)
 )

folium.Marker(location=[lat, lon], popup=name, icon=icon).add_to(map)

ローカル画像を利用する

上記の記事と同じように 呪術廻戦 の 虎杖 悠仁 の 画像 を利用する

icon_file =   'itadori.png'
width = 100
height = 129

icon = CustomIcon(
    icon_image= icon_file, 
    icon_size=(width, height),
    icon_anchor=(width/2, height/2),
    popup_anchor=(0, -50)

folium.Marker(location=[lat, lon], popup=name, icon=icon).add_to(map)

プログラムはGitHubに公開した。

https://github.com/ohwada/World_Countries/tree/main/folium/custom_icon