Update app.py

app.py

@@ -1,10 +1,10 @@
-# app.py  (Kepler.glを使わない安定版：Folium + 無料タイル)
+# app.py  (Folium + 無料タイル / data:URL不使用 / File出力)
 # pip install folium gradio pandas numpy requests openpyxl
 
 import os
+import re
 import time
-import base64
-import urllib.parse
+import tempfile
 import requests
 import pandas as pd
 import numpy as np
@@ -18,7 +18,7 @@ GSI_USER_AGENT = os.environ.get(
     "jp-gsi-geocoding-demo (contact: your_email@example.com)"  # 連絡先付き推奨
 )
 GSI_TIMEOUT_SEC = float(os.environ.get("GSI_TIMEOUT_SEC", "10"))
-GEOCODE_DELAY_SEC = float(os.environ.get("GSI_RATE_LIMIT_SEC", "0.0"))  # 連続呼び出し間隔（秒）
+GEOCODE_DELAY_SEC = float(os.environ.get("GSI_RATE_LIMIT_SEC", "0.0"))
 
 GSI_GEOCODE_URL = "https://msearch.gsi.go.jp/address-search/AddressSearch"
 
@@ -59,12 +59,13 @@ def make_gsi_session() -> requests.Session:
 
 def gsi_geocode_once(address: str, session: requests.Session) -> tuple[float, float]:
     """
-    国土地理院住所検索APIを1回呼び出し、(lat, lon) を返す（失敗時は (nan, nan)）。
-    APIは [lon, lat] を返すため、順を入れ替えて返す。
+    国土地理院 住所検索APIを1回呼び出し、(lat, lon) を返す（失敗時は (nan, nan)）。
+    APIは [lon, lat] を返すため、順を入れ替える。
     """
     try:
         if not address or str(address).strip() == "" or str(address).strip().lower() in ("nan", "none"):
             return (np.nan, np.nan)
+
         resp = session.get(GSI_GEOCODE_URL, params={"q": address}, timeout=GSI_TIMEOUT_SEC)
         if not resp.ok:
             return (np.nan, np.nan)
@@ -124,7 +125,6 @@ def geocode_with_cache(addresses, CFs, use_internet=True):
 # Folium 地図生成（無料タイル）
 # ----------------------------
 import folium
-from folium.plugins import MarkerCluster
 
 TILE_CATALOG = {
     "GSI 標準地図": "https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png",
@@ -133,21 +133,17 @@ TILE_CATALOG = {
     "OpenStreetMap": "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
 }
 
-def _make_folium_map(df_points: pd.DataFrame, base_name: str, cluster: bool, height_px: int = 640) -> str:
+def _build_folium_map_html(df_points: pd.DataFrame, base_name: str) -> str:
     df_valid = df_points.dropna(subset=["lat", "lon"]).copy()
     if df_valid.empty:
-        # 日本中心
         center_lat, center_lon, zoom = 35.0, 135.0, 4
     else:
         center_lat = float(df_valid["lat"].median())
         center_lon = float(df_valid["lon"].median())
         zoom = 6
 
-    # ベースマップ
-    tiles_url = TILE_CATALOG.get(base_name, TILE_CATALOG["GSI 標準地図"])
+    # ベースマップ（複数切替）
     m = folium.Map(location=[center_lat, center_lon], zoom_start=zoom, control_scale=True, tiles=None)
-
-    # 各タイルをレイヤとして追加（UIから切替可能）
     for name, url in TILE_CATALOG.items():
         folium.TileLayer(
             tiles=url,
@@ -159,13 +155,8 @@ def _make_folium_map(df_points: pd.DataFrame, base_name: str, cluster: bool, hei
         ).add_to(m)
 
     # マーカー（CF でサイズ可変）
-    if cluster:
-        mc = MarkerCluster(name="Points").add_to(m)
-
-    # サイズスケーリング
     if "CF" in df_valid.columns and df_valid["CF"].notna().any():
         cf = df_valid["CF"].clip(lower=0)
-        # 0~1正規化 → 3~15px
         cf_norm = (cf - cf.min()) / (cf.max() - cf.min() + 1e-9)
         sizes = (cf_norm * 12 + 3).fillna(6).tolist()
     else:
@@ -175,14 +166,9 @@ def _make_folium_map(df_points: pd.DataFrame, base_name: str, cluster: bool, hei
         lat, lon = float(row["lat"]), float(row["lon"])
         addr = str(row.get("address_input", ""))
         cfv  = row.get("CF", np.nan)
-        popup = folium.Popup(
-            folium.IFrame(
-                html=f"<b>住所:</b> {addr}<br><b>CF:</b> {'' if pd.isna(cfv) else cfv}",
-                width=260, height=80
-            ),
-            max_width=260
-        )
-        marker = folium.CircleMarker(
+        popup_html = f"<b>住所:</b> {addr}<br><b>CF:</b> {'' if pd.isna(cfv) else cfv}"
+
+        folium.CircleMarker(
             location=(lat, lon),
             radius=float(r),
             weight=1,
@@ -190,23 +176,45 @@ def _make_folium_map(df_points: pd.DataFrame, base_name: str, cluster: bool, hei
             fill=True,
             fill_opacity=0.8,
             fill_color="#12939A",
-            popup=popup,
-        )
-        (mc if cluster else m).add_child(marker)
+            popup=folium.Popup(popup_html, max_width=260),
+        ).add_to(m)
 
     folium.LayerControl(position="topright").add_to(m)
+    return m.get_root().render()
 
-    # HTML 文字列
-    html = m.get_root().render()
+def _rewrite_leaflet_cdn(html_text: str, host: str) -> str:
+    """
+    Folium が出力する Leaflet の CDN（通常 jsDelivr）を、必要に応じて置換。
+    SRI不整合を避けるため integrity/crossorigin を除去する。
+    """
+    # integrity / crossorigin を削除（SRIミスマッチ回避）
+    html_text = re.sub(r'\sintegrity="[^"]+"', "", html_text)
+    html_text = re.sub(r'\scrossorigin="[^"]+"', "", html_text)
+
+    if host == "jsdelivr":
+        return html_text  # 置換しない
+    elif host == "cdnjs":
+        html_text = html_text.replace(
+            "https://cdn.jsdelivr.net/npm/leaflet@", "https://cdnjs.cloudflare.com/ajax/libs/leaflet/"
+        )
+        html_text = html_text.replace("/dist/leaflet.css", "/leaflet.css")
+        html_text = html_text.replace("/dist/leaflet.js",  "/leaflet.js")
+        return html_text
+    elif host == "unpkg":
+        html_text = html_text.replace(
+            "https://cdn.jsdelivr.net/npm/", "https://unpkg.com/"
+        )
+        return html_text
+    else:
+        return html_text
 
-    # iframe 埋め込み（data:URL）＋ 新規タブ用リンク
-    data_url = "data:text/html;charset=utf-8," + urllib.parse.quote(html)
-    link_url = "data:text/html;base64," + base64.b64encode(html.encode("utf-8")).decode("ascii")
-    iframe = (
-        f'<iframe src="{data_url}" style="border:0;width:100%;height:{height_px}px"></iframe>'
-        f'<div style="margin-top:6px;"><a href="{link_url}" target="_blank" rel="noopener">↗ 地図を新しいタブで開く</a></div>'
-    )
-    return iframe
+def _save_map_html_file(html_text: str) -> str:
+    """地図HTMLを実ファイルに保存（Gradio Fileに渡すパスを返す）"""
+    fd, path = tempfile.mkstemp(suffix=".html")
+    os.close(fd)
+    with open(path, "w", encoding="utf-8") as f:
+        f.write(html_text)
+    return path
 
 # ----------------------------
 # 実行パイプライン
@@ -217,43 +225,53 @@ def _parse_indexer(x):
     except Exception:
         return x
 
-def run(excel_file, sheet_name, header_row, address_col, power_col, use_inet, base_name, cluster):
+def run(excel_file, sheet_name, header_row, address_col, power_col, use_inet, base_name, leaflet_cdn):
     # Excel 読み込み
     if excel_file is None or not hasattr(excel_file, "name"):
         table_df = pd.DataFrame(columns=["address_input", "CF", "lat", "lon"])
-        return "", table_df, "Excelファイルを指定してください。"
+        return ("Excelファイルを指定してください。", table_df, "", None)
 
     try:
         df = pd.read_excel(excel_file.name, sheet_name=sheet_name, header=int(header_row))
     except Exception as e:
         empty_df = pd.DataFrame(columns=["address_input", "CF", "lat", "lon"])
-        return "", empty_df, f"Excel の読み込みに失敗しました: {e}"
+        return (f"Excel の読み込みに失敗しました: {e}", empty_df, "", None)
 
-    # 列参照
+    # 列参照（番号/名前の両対応）
     addr_series = df.iloc[:, address_col] if isinstance(address_col, int) else df[address_col]
     cf_series   = df.iloc[:, power_col]   if isinstance(power_col,   int) else df[power_col]
 
     addresses = addr_series.astype(str).tolist()
     cfs       = cf_series.tolist()
 
+    # ジオコーディング
     geo_df = geocode_with_cache(addresses, cfs, use_internet=bool(use_inet))
     table_df = geo_df[["address_input", "CF", "lat", "lon"]].copy()
 
-    # Folium 地図
+    # 地図HTML生成 → CDN書換 → 実ファイル保存 → File出力
     try:
-        html_map = _make_folium_map(table_df, base_name=base_name, cluster=bool(cluster), height_px=640)
-        info = [f"ポイント数（有効座標）: {int(table_df[['lat','lon']].dropna().shape[0])} / {len(table_df)}"]
-    except Exception as e:
-        html_map = f"<p>地図描画に失敗しました: {e}</p>"
-        info = []
+        html_text = _build_folium_map_html(table_df, base_name=base_name)
+        html_text = _rewrite_leaflet_cdn(html_text, host=leaflet_cdn)
+        map_file_path = _save_map_html_file(html_text)
 
-    return html_map, table_df, "\n".join(info)
+        msg = (
+            "✅ 地図HTMLを生成しました。下の **地図HTMLファイル** をクリックして新規タブで開いてください。\n"
+            "（埋め込みではなく実ファイル配信なので、CSPが厳しい環境でも表示できるはずです）"
+        )
+        info = f"ポイント数（有効座標）: {int(table_df[['lat','lon']].dropna().shape[0])} / {len(table_df)}"
+        return (msg, table_df, info, map_file_path)
+    except Exception as e:
+        return (f"地図描画に失敗しました: {e}", table_df, "", None)
 
 # ----------------------------
 # Gradio UI
 # ----------------------------
-with gr.Blocks(title="Excel住所 → Folium（無料タイル・Mapbox不要）") as demo:
-    gr.Markdown("## Excelの住所を国土地理院APIでジオコーディング → Folium（Leaflet）で地図表示（無料タイル・Mapbox不要）")
+with gr.Blocks(title="Excel住所 → Folium（無料タイル・File配信）") as demo:
+    gr.Markdown(
+        "## Excelの住所を国土地理院APIでジオコーディング → Folium（Leaflet）で地図表示（無料タイル・Mapbox不��）\n"
+        "- 地図は **実ファイル(.html)** として配信します（CSPが厳しい環境でもOK）。\n"
+        "- タイル＝地理院/OSM、CDNは必要に応じて切替できます。"
+    )
 
     with gr.Row():
         xlsx_in = gr.File(label="Excelファイル（住所付き）", file_count="single", file_types=[".xlsx", ".xls"])
@@ -269,13 +287,17 @@ with gr.Blocks(title="Excel住所 → Folium（無料タイル・Mapbox不要）
     with gr.Row():
         use_inet   = gr.Checkbox(label="国土地理院APIに問い合わせ（オフでキャッシュのみ使用）", value=True)
         base_name  = gr.Dropdown(choices=list(TILE_CATALOG.keys()), value="GSI 標準地図", label="ベースマップ")
-        cluster    = gr.Checkbox(label="マーカーをクラスタ表示", value=True)
+        leaflet_cdn = gr.Dropdown(
+            choices=["jsdelivr", "cdnjs", "unpkg"], value="jsdelivr",
+            label="Leaflet CDN（遮断時に切替）"
+        )
 
     run_btn = gr.Button("描画")
 
-    out_html  = gr.HTML(label="地図（Folium / Leaflet）")
+    out_html  = gr.HTML(label="案内メッセージ")
     out_table = gr.Dataframe(label="ジオコーディング結果（住所・緯度・経度・CF）", wrap=True)
     out_info  = gr.Textbox(label="メタ情報", lines=2)
+    out_file  = gr.File(label="地図HTMLファイル（クリックで開く／ダウンロード）")
 
     def _parse(x):
         try:
@@ -283,15 +305,15 @@ with gr.Blocks(title="Excel住所 → Folium（無料タイル・Mapbox不要）
         except Exception:
             return x
 
-    def app_run(xls, s, h, a, p, inet, base, cl):
+    def app_run(xls, s, h, a, p, inet, base, cdn):
         return run(
-            xls, s, int(h), _parse(a), _parse(p), inet, base, cl
+            xls, s, int(h), _parse(a), _parse(p), inet, base, cdn
         )
 
     run_btn.click(
         fn=app_run,
-        inputs=[xlsx_in, sheet, header_row, address_col, power_col, use_inet, base_name, cluster],
-        outputs=[out_html, out_table, out_info],
+        inputs=[xlsx_in, sheet, header_row, address_col, power_col, use_inet, base_name, leaflet_cdn],
+        outputs=[out_html, out_table, out_info, out_file],
     )
 
 if __name__ == "__main__":