![[image]](../../dblab/keras/1.png)
コマンドプロンプトで、次のコマンドを実行．
pip3 install -U pandas folium
コマンドプロンプトで、次のコマンドを実行．
python -m pip install -U pandas folium
※ 「Proceed ([y]/n)?」と表示されたら， y + Enter で続行する．「反応が遅いなあ」と思ったら、Enter キーを押してみる．
バージョン番号が表示されれば OK
pip show folium
コマンドプロンプトで、次のコマンドを実行．
pip show folium
Leaflet を用いたマーカー付き地図の例
- Jupyter Qt Console を起動
jupyter qtconsole
Python プログラムを動かして，結果を見たい．
Jupyter Qt Console， spyder， PyCharm， PyScripter が便利である． Windows では，スタートメニューの「IDLE (Python ...)」も便利である．
※ 「jupyter qtconsole」を入れたのに，jupyter qtconsole が起動しない という場合には，次の操作で，インストールを行ってから，もう一度試してみる．
python -m pip install -U jupyterlab jupyter jupyter-console jupytext spyder
- 次を実行
import os print(os.getcwd())
- 画像ファイルの準備
- Web ブラウザを開き、次の URL を開く
- このディレクトリに .zip ファイルがある．.zip ファイルをダウンロードして展開（解凍）
これは、複数の画像ファイルが入った .zip ファイルである
- 先ほど調べた「カレントディレクトリ」の下に「photo」というサブディレクトリを作る．
そのディレクトリに画像ファイルを置く
- 次を実行
import folium m = folium.Map(location=[34.4586, 133.2295], zoom_start=18) folium.Marker([34.4579, 133.2295], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4579, 133.2295&cbp;=11,0,0,0,0">１号館 <br/><img width="60" src="photo/1.jpg"></a>').add_to(m) folium.Marker([34.4571, 133.2305], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4571, 133.2305&cbp;=11,0,0,0,0">２号館 <br/><img width="60" src="photo/2.jpg"></a>').add_to(m) folium.Marker([34.4570, 133.2310], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4570, 133.2310&cbp;=11,0,0,0,0">３号館 <br/><img width="60" src="photo/3.jpg"></a>').add_to(m) folium.Marker([34.4593, 133.2303], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4593, 133.2303&cbp;=11,0,0,0,0">６号館 <br/><img width="60" src="photo/6.jpg"></a>').add_to(m) folium.Marker([34.4574, 133.2282], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4574, 133.2282&cbp;=11,0,0,0,0">８号館 <br/><img width="60" src="photo/8.jpg"></a>').add_to(m) folium.Marker([34.4569, 133.2291], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4569, 133.2291&cbp;=11,0,0,0,0">９号館 <br/><img width="60" src="photo/9_a.jpg"></a>').add_to(m) folium.Marker([34.4567, 133.2292], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4567, 133.2292&cbp;=11,0,0,0,0">９号館 <br/><img width="60" src="photo/9_b.jpg"></a>').add_to(m) folium.Marker([34.4569, 133.2291], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4569, 133.2291&cbp;=11,0,0,0,0">９号館 <br/><img width="60" src="photo/9_c.jpg"></a>').add_to(m) folium.Marker([34.4585, 133.2273], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4585, 133.2273&cbp;=11,0,0,0,0">１０号館 <br/><img width="60" src="photo/10.jpg"></a>').add_to(m) folium.Marker([34.4590, 133.2274], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4590, 133.2274&cbp;=11,0,0,0,0">１１号館 <br/><img width="60" src="photo/11.jpg"></a>').add_to(m) folium.Marker([34.4589, 133.2271], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4589, 133.2271&cbp;=11,0,0,0,0">１２号館 <br/><img width="60" src="photo/12.jpg"></a>').add_to(m) folium.Marker([34.4595, 133.2274], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4595, 133.2274&cbp;=11,0,0,0,0">１３号館 <br/><img width="60" src="photo/13.jpg"></a>').add_to(m) folium.Marker([34.4594, 133.2299], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4594, 133.2299&cbp;=11,0,0,0,0">１４-１号館 <br/><img width="60" src="photo/14-1.jpg"></a>').add_to(m) folium.Marker([34.4587, 133.2301], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4587, 133.2301&cbp;=11,0,0,0,0">１４-２号館 <br/><img width="60" src="photo/14-2.jpg"></a>').add_to(m) folium.Marker([34.4575, 133.2320], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4575, 133.2320&cbp;=11,0,0,0,0">１５号館 <br/><img width="60" src="photo/15.jpg"></a>').add_to(m) folium.Marker([34.4573, 133.2331], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4573, 133.2331&cbp;=11,0,0,0,0">１６号館 <br/><img width="60" src="photo/16.jpg"></a>').add_to(m) folium.Marker([34.4570, 133.2331], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4570, 133.2331&cbp;=11,0,0,0,0">１７号館 <br/><img width="60" src="photo/17.jpg"></a>').add_to(m) folium.Marker([34.4568, 133.2333], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4568, 133.2333&cbp;=11,0,0,0,0">１８号館 <br/><img width="60" src="photo/18.jpg"></a>').add_to(m) folium.Marker([34.4584, 133.2327], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4584, 133.2327&cbp;=11,0,0,0,0">１９号館 <br/><img width="60" src="photo/19.jpg"></a>').add_to(m) folium.Marker([34.4571, 133.2300], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4571, 133.2300&cbp;=11,0,0,0,0">２０号館 <br/><img width="60" src="photo/20.jpg"></a>').add_to(m) folium.Marker([34.4566, 133.2307], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4566, 133.2307&cbp;=11,0,0,0,0">２１号館 <br/><img width="60" src="photo/21.jpg"></a>').add_to(m) folium.Marker([34.4566, 133.2309], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4566, 133.2309&cbp;=11,0,0,0,0">２２号館 <br/><img width="60" src="photo/22.jpg"></a>').add_to(m) folium.Marker([34.4562, 133.2307], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4562, 133.2307&cbp;=11,0,0,0,0">２３号館 <br/><img width="60" src="photo/23.jpg"></a>').add_to(m) folium.Marker([34.4578, 133.2330], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4578, 133.2330&cbp;=11,0,0,0,0">２４号館 <br/><img width="60" src="photo/24.jpg"></a>').add_to(m) folium.Marker([34.4563, 133.2323], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4563, 133.2323&cbp;=11,0,0,0,0">２５号館 <br/><img width="60" src="photo/25.jpg"></a>').add_to(m) folium.Marker([34.4584, 133.2318], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4584, 133.2318&cbp;=11,0,0,0,0">２７号館 <br/><img width="60" src="photo/27.jpg"></a>').add_to(m) folium.Marker([34.4571, 133.2336], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4571, 133.2336&cbp;=11,0,0,0,0">２８号館 <br/><img width="60" src="photo/28.jpg"></a>').add_to(m) folium.Marker([34.4559, 133.2307], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4559, 133.2307&cbp;=11,0,0,0,0">２９号館 <br/><img width="60" src="photo/29.jpg"></a>').add_to(m) folium.Marker([34.4579, 133.2284], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4579, 133.2284&cbp;=11,0,0,0,0">３０号館 <br/><img width="60" src="photo/30.jpg"></a>').add_to(m) folium.Marker([34.4590, 133.2267], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4590, 133.2267&cbp;=11,0,0,0,0">３１号館 <br/><img width="60" src="photo/31.jpg"></a>').add_to(m) folium.Marker([34.4580, 133.2334], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4580, 133.2334&cbp;=11,0,0,0,0">３２号館 <br/><img width="60" src="photo/32.jpg"></a>').add_to(m) folium.Marker([34.4573, 133.2328], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4573, 133.2328&cbp;=11,0,0,0,0">３３号館 <br/><img width="60" src="photo/33.jpg"></a>').add_to(m) folium.Marker([34.4571, 133.2329], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4571, 133.2329&cbp;=11,0,0,0,0">３３号館 <br/><img width="60" src="photo/33-2.jpg"></a>').add_to(m) folium.Marker([34.4589, 133.2281], popup='<a href="http://maps.google.com/maps?q=&layer;=c&cbll;=34.4589, 133.2281&cbp;=11,0,0,0,0">３４号館 <br/><img width="60" src="photo/34.jpg"></a>').add_to(m) m
- 引き続いて，次の Python プログラムを実行
m.save("b.html") - 先ほど調べた「カレントディレクトリ」に HTML ファイルb.htmlができている
- できたファイル b.html を，Web ブラウザで開いてみる．マーカ−付きの地図が表示されれば OK．
- マーカーをクリックするとポップアップ表示が出る
本サイトは金子邦彦研究室のWebページです．サイトマップは，サイトマップのページをご覧下さい． 本サイト内の検索は，サイト内検索のページをご利用下さい．
問い合わせ先： 金子邦彦（かねこ くにひこ） ![[image]](../../info/kanekomail.png){kind=small}