web-dev-qa-db-ja.com

Foliumマップに凡例を作成する

現時点では、Foliumのドキュメントは不完全です： https://folium.readthedocs.io/en/latest/

不完全なドキュメントのインデックスによると、凡例とレイヤーはサポートされているか、サポートされる予定です。私はウェブ上で例を探すのにしばらく時間を費やしましたが、今のところ何も見つかりませんでした。誰かがこれらのものを作成する方法を知っているか、ドキュメントやチュートリアルを教えてくれるなら、私は最も感謝しています。

pythonfolium
11
sparrow

Foliumには、バージョン0.15で画像を簡単に追加する方法があります。

from folium.plugins import FloatImage
image_file = 'image.PNG'

FloatImage(image_file, bottom=0, left=86).add_to(mymap)
3
sparrow

凡例は非常に簡単に追加できます。

#specify the min and max values of your data
colormap = branca.colormap.linear.YlOrRd_09.scale(0, 8500)
colormap = colormap.to_step(index=[0, 1000, 3000, 5000, 8500])
colormap.caption = 'Incidents of Crime in Victoria (year ending June 2018)'
colormap.add_to(world_map)

ここで私の完全な例を見ることができます。

凡例のあるフォリウムマップ

7
user3121518

使ってみてください

feature_group = FeatureGroup(name='Layer1')
feature_group2 = FeatureGroup(name='Layer2')

次に、マップに追加します

map = folium.Map(zoom_start=6)

# coordinates to locate your marker
COORDINATE = [(333,333)] # example coordinate
COORDINATE2 = [(444,444)]

# add marker to your map
folium.Marker(location=COORDINATE).add_to(feature_group)
folium.Marker(location=COORDINATE2).add_to(feature_group2)

map.add_child(feature_group)
map.add_child(feature_group2)

# turn on layer control
map.add_child(folium.map.LayerControl())
3
Penny Pang

私は同じ問題を抱えていて、Foliumによって生成されたHTMLへのこのクイックハックを使用して凡例を追加しました。それは特に優雅ではありませんが、機能します。これは数回しか必要なかったので、手動で凡例を画像（legend.png）として生成しましたが、これを頻繁に行う場合は、凡例を自動的に作成するスクリプトを作成できると思います。 Foliumがマップを出力するHTMLファイルの適切なセクションに次のコンポーネントを追加しました。

         <style> #background_img {
            position : absolute;
            background:url('legend.png');
            width : 16.9%;
            height: 17.7%;
            right: 20px;
            bottom: 50px;
            z-index: 99;
            background-repeat: no-repeat;
            background-size: contain; 
            }
        </style>

        <div id="background_img" class="backgroundimg" ></div>

また、凡例がマップの上に配置されるように、マップスタイル要素のz-indexを99未満に変更する必要があります。

2
Dan Kinn

MarkerまたはPolyLineのnameパラメーターにhtmlを追加すると、レイヤーコントロールのテキスト/ラベルの色を半分にすることができます。

import folium
print( folium.__version__)
import numpy as np

lon_ct = 50
fkt=10
num = 60
m = folium.Map((lon_ct, 6), tiles='stamentoner', zoom_start=6 )


lats = (lon_ct * np.cos(np.linspace(0, 2*np.pi, num))/fkt ) + lon_ct
lons = (lon_ct * np.sin(np.linspace(0, 2*np.pi, num))/fkt ) + 10
colors = np.sin(5 *    np.linspace(0, 2*np.pi, num))

lgd_txt = '<span style="color: {col};">{txt}</span>'

for idx, color in enumerate( ['red', 'blue']):  # color choice is limited
    print(color)
    fg = folium.FeatureGroup(name= lgd_txt.format( txt= color+' Egg', col= color))
    pl = folium.features.PolyLine(
            list(Zip(lats, lons - idx*fkt)),
            color=color,            
            weight=10, )
    fg.add_child(pl)
    m.add_child( fg)

folium.map.LayerControl('topleft', collapsed= False).add_to(m)
m

enter image description here

ソース： html_legend

HTMLを少し知っている場合：

item_txt = """<br> &nbsp; {item} &nbsp; <i class="fa fa-map-marker fa-2x" style="color:{col}"></i>"""
html_itms = item_txt.format( item= "mark_1" , col= "red")

legend_html = """
     <div style="
     position: fixed; 
     bottom: 50px; left: 50px; width: 200px; height: 160px; 
     border:2px solid grey; z-index:9999; 

     background-color:white;
     opacity: .85;

     font-size:14px;
     font-weight: bold;

     ">
     &nbsp; {title} 

     {itm_txt}

      </div> """.format( title = "Legend html", itm_txt= html_itms)
map.get_root().html.add_child(folium.Element( legend_html ))

リンク 基本

リンク 高度

1
InLaw