マルチレイヤーマップビューア

MapLibre GL JS（WebGLレンダリング）を使用してインタラクティブな地図上に複数のGeoJSONレイヤーを表示。ドラッグ＆ドロップまたはファイルピッカーでファイルを読み込み。レイヤーは選択可能なベースマップ上に標準のパン/ズームコントロールでレンダリング。

レイヤーパネル機能：表示/非表示切り替え、ドラッグで順序変更、不透明度調整（0-100%）、レイヤー範囲にズーム。フィーチャをクリックしてポップアップでプロパティを表示。Point、LineString、PolygonとMulti*バリアントをサポート。デフォルトスタイリングは自動で色を割り当て、シンボロジーエディタでカスタマイズ。

パフォーマンス：WebGLは10万以上のフィーチャをスムーズに処理。非常に大きなデータセット（100万以上のフィーチャ）の場合、簡略化またはベクトルタイルを検討。座標はWGS84（EPSG:4326）またはWeb Mercator（EPSG:3857）である必要があります。