🗾 完全な日本地図
47都道府県と市区町村を含む詳細な地図データ。離島の表示切り替えも可能
Japan Map Selector日本の地図コンポーネント
都道府県・市区町村を選択できるインタラクティブな地図をWebアプリケーションに簡単に追加
Skip to content
クイックスタート
bash
npm install japan-map-selectorjavascript
import { JapanMapSelector } from 'japan-map-selector';
const map = new JapanMapSelector({
width: 800,
height: 600,
theme: 'colorful'
});
await map.initialize(
'/data/prefectures.json',
'/data/municipalities.json'
);
map.on('prefectureSelected', (prefecture) => {
console.log('選択された都道府県:', prefecture.name);
});特徴
🎨 豊富なテーマ
- デフォルト: シンプルでクリーンなデザイン
- ダーク: ダークモード対応
- カラフル: 各都道府県に個別の色
- ランダム: 動的に生成される色
- その他、ウォーム、クール、モノクロームテーマ
🚀 パフォーマンス
- 4段階の簡略化レベル（original, high, medium, low, ultra-low）
- 必要に応じて詳細度を調整可能
データの出典
このライブラリで使用している地理データは、国土交通省の国土数値情報を加工して作成しています。
- 出典: 「国土数値情報（行政区域データ）」（国土交通省）
- URL: https://nlftp.mlit.go.jp/ksj/index.html
- 詳細は出典表示についてをご確認ください
サポート
- GitHub Issuesで問題を報告
- ディスカッションで質問や提案