-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathmap.html
85 lines (67 loc) · 3.65 KB
/
map.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<head>
<title>幼保マップ</title>
<meta charset="utf-8" />
<link rel="icon" type="image/x-icon" href="./favicon.png" />
<link
rel="stylesheet"
href="https://pyscript.net/latest/pyscript.css"
/>
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
<link rel="stylesheet" href="./assets/css/examples.css" />
<style>
body, body a{
color:white;
}
</style>
</head>
<body>
<div style="width: 100%; height: 2em; background-color:#3d0e88">
<h1 style="font-size: 1em;color:#fff">幼保マップ<span style="font-size: 0.5em">データ出典：中野区オープンデータ 子育て施設及び入所最低指数一覧（2023/7/1）
ライセンス：<a href="https://creativecommons.org/licenses/by/4.0/deed.ja">クリエイティブ・コモンズ・ライセンス 表示４．０国際</a></span></h1>
</div>
<div id="folium"></div>
<py-config>
packages = [
"folium",
"pandas"
]
</py-config>
<py-script>
import folium
import json
import pandas as pd
import urllib3
from pyodide.http import open_url
from folium.features import DivIcon
from folium.features import CustomIcon
import urllib3
urllib3.disable_warnings(urllib3.exceptions.InsecureRequestWarning)
url = (
"https://docs.google.com/spreadsheets/d/13wZMciV2Zw8AOR1ZLMD3GgcsYymm3cNtzFGrILvBuQA/export?format=csv&gid=0"
)
url_content = open_url(url)
lists = pd.read_csv(url_content)
m = folium.Map(location=[35.7111326404866, 139.66453528858855], zoom_start=14, tiles="cartodb positron")
geojson_data = urllib3.request("GET","https://raw.githubusercontent.com/RefletsDansLeau/Nakanoku-geojson/master/nakano_ku.json",preload_content=False).json()
folium.GeoJson(geojson_data,name="nakanoku").add_to(m)
for index, row in lists.iterrows():
folium.Marker(
location= [row['緯度'],row['経度']],
icon=folium.features.CustomIcon(icon_image="https://github.com/RefletsDansLeau/RefletsDansLeau.github.io/blob/b50bed32b9b7ef0649e501de8ae7a772cbdd606e/pic_map/"+row['アイコン']+"?raw=true",
icon_size=(20,20)),
icon_anchor=(10,10),
).add_to(m)
folium.Marker(
location= [row['緯度'],row['経度']],
icon=folium.features.DivIcon(icon_size=(50,20),
icon_anchor=(-10,3),
html=row['Capacity'],
),
tooltip=row['Name'],
).add_to(m)
folium.LayerControl().add_to(m)
display(m, target="folium")
</py-script>
</body>
</html>