インタラクティブデモ

デモの機能

このデモは完全な機能を備えたインタラクティブな日本地図セレクターです。

🎨 テーマの切り替え

8種類のプリセットテーマから選択できます：

• デフォルト: 青系の標準的な配色
• モノクローム: グレースケールのシンプルな配色
• ウォーム: 暖色系の配色
• クール: 寒色系の配色
• ナチュラル: 自然な色合い
• ビビッド: 鮮やかな配色
• パステル: 柔らかい配色
• カラフル: 都道府県ごとに異なる色で表示

🔷 ディフォルメ機能

グリッドベースのディフォルメを適用できます：

• なし: 通常の地図表示
• グリッド: 四角形グリッドにスナップ
• 六角形: 六角形グリッドにスナップ
• グリッドサイズの調整も可能

🖱️ インタラクティブ操作

• クリック: 都道府県を選択し、市区町村表示に切り替え
• ホバー: マウスオーバーで地域名を表示
• ドラッグ: 地図を移動（市区町村表示時）
• ホイール: ズームイン/アウト（市区町村表示時）
• ズームボタン: +/−ボタンでズーム操作

📍 特殊な表示

• 沖縄県は左上に別枠で表示
• 東京都の離島表示切り替え（市区町村表示時）
• 関東地方のみ選択可能にする制限機能
• 動的データローディング（パフォーマンス最適化）

🔍 デバッグモード

URLに ?debug=1 を追加することでデバッグ情報を表示できます。