foliumのスタイルを変える

foliumのタイル

foliumで見た目を変えるにはタイルを指定します。

 folium.__version__ 

 0.16.0

タイルは built-inタイルとして、最初からいくつか使えます。

Folium Tiles

view plainprint?

1.  #!/usr/bin/env python  
2. # -*- coding: utf-8 -*-  
3.   
4. import folium  
5. import os  
6.   
7. latlng = [35.682012250347064, 139.76718125374543]  
8. mp = folium.Map(location=latlng, zoom_start=10, tiles='OpenStreetMap')  
9.   
10. html = "tile1.html"  
11. mp.save(html)  
12. os.system("chrome " + html)  

 #!/usr/bin/env python
# -*- coding: utf-8 -*-

import folium
import os

latlng = [35.682012250347064, 139.76718125374543]
mp = folium.Map(location=latlng, zoom_start=10, tiles='OpenStreetMap')

html = "tile1.html"
mp.save(html)
os.system("chrome " + html)

tiles='OpenStreetMap'の部分がタイル指定で、OpenStreetMap はデフォルトのタイルなので指定しなくても同じ結果です。

view plainprint?

1. mp = folium.Map(location=latlng, tiles="Cartodb Positron", zoom_start=10)  

 mp = folium.Map(location=latlng, tiles="Cartodb Positron", zoom_start=10)

view plainprint?

1. mp = folium.Map(location=latlng, tiles="Cartodb dark_matter", zoom_start=10)  

 mp = folium.Map(location=latlng, tiles="Cartodb dark_matter", zoom_start=10)

カスタムタイル

標準以外にカスタムタイルもあります。無料有料などあるので随時調べてください。

custom tile

カスタムファイルはtilesにタイルのリンク、attrにクレジットを指定します。

view plainprint?

1. mp = folium.Map(location=latlng, zoom_start=10,  
2.                 tiles='https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',  
3.                 attr='Map data: © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'  
4.                 )  

mp = folium.Map(location=latlng, zoom_start=10,
                tiles='https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
                attr='Map data: © OpenStreetMap contributors, SRTM | Map style: © OpenTopoMap (CC-BY-SA)'
                )

view plainprint?

1. mp = folium.Map(location=latlng, zoom_start=10,  
2.                 tiles='https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png',  
3.                 attr='<a href="https://github.com/cyclosm/cyclosm-cartocss-style/releases" title="CyclOSM - Open Bicycle render">CyclOSM</a> | Map data: © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'  
4.                 )  

mp = folium.Map(location=latlng, zoom_start=10,
                tiles='https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png',
                attr='CyclOSM | Map data: © OpenStreetMap contributors'
                )