EOxElements について
EOxElements は、EOX が開発した地理空間向けの Web Component コレクションで、マップ、レイヤー制御、描画、検索などの UI 要素を含みます。コーディングエージェントが各カスタム要素の情報を参照できる MCP サーバーも提供します。
主な機能
- 01Web Component として提供される地理空間 UI 要素
- 02eox-map や eox-drawtools などのコンポーネント
- 03npm または script タグで導入可能
- 04カスタム要素の情報を提供する MCP サーバー
活用シーン
- 01Vite や Webpack のプロジェクトでマップ UI を構築
- 02コーディングエージェントによるコンポーネント用法の参照
- 03STAC データや時系列マップ向けの操作部品の追加
MCP 対応
本プロジェクトは MCP サーバーであり、コーディングエージェント向けに EOxElements のカスタム要素に関する情報を MCP クライアントへ提供します。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://elements.mcp.eox.atclaude mcp add --transport http eox-a-eoxelements https://elements.mcp.eox.at{"mcpServers":{"eox-a-eoxelements":{"type":"http","url":"https://elements.mcp.eox.at"}}}Cursor で開く{"servers":{"eox-a-eoxelements":{"type":"http","url":"https://elements.mcp.eox.at"}}}VS Code で開く{"mcpServers":{"eox-a-eoxelements":{"type":"http","url":"https://elements.mcp.eox.at"}}}{"mcpServers":{"eox-a-eoxelements":{"serverUrl":"https://elements.mcp.eox.at"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
EOxElements
EOX が開発した、地理空間 UI 要素の Web コンポーネントコレクションです。
ドキュメント、使用例
説明、API ドキュメント、インタラクティブな使用例はこちらをご覧ください。
要素
- ⭕️ Alpha 要素は開発中のため、頻繁に大きな変更が発生する可能性があります。
- 🟡 Beta 要素はほぼ完成しており、使用できますが、破壊的変更が発生する可能性があります。
- ✅ Stable 要素はレビューとドキュメント化が完了しており、API も完成しています。
| 要素 | 説明 | ドキュメントと例 | バージョン | 状態 |
|---|---|---|---|---|
| eox-chart | データ取得機能を内蔵した動的なチャート | ドキュメントと例 | ✅ | |
| eox-drawtools | 地図上で地物を描画・管理 | ドキュメントと例 | ✅ | |
| eox-feedback | 手軽に使えるフィードバックウィジェット | ドキュメントと例 | ✅ | |
| eox-geosearch | 地理的位置を入力補完付きで検索できる検索入力欄 | ドキュメントと例 | ✅ | |
| eox-itemfilter | 大量のアイテムをクライアント側またはサーバー側でフィルタリング/検索 | ドキュメントと例 | ✅ | |
| eox-jsonform | JSON スキーマからフォームを生成 | ドキュメントと例 | ✅ | |
| eox-layercontrol | 地図レイヤーを管理・変更 | ドキュメントと例 | ✅ | |
| eox-layout | UI レイアウトを簡単に作成 | ドキュメントと例 | ✅ | |
| eox-map | 強力なツールとヘルパーを備えた地図 | ドキュメントと例 | ✅ | |
| eox-stacinfo | STAC ファイルのプロパティを表示 | ドキュメントと例 | ✅ | |
| eox-storytelling | Markdown に基づくストーリーテリングツール | ドキュメントと例 | ✅ | |
| eox-timecontrol | 地図レイヤーの時間制御と再生 | ドキュメントと例 | ✅ | |
| eox-tour | UI のガイド付きツアー | ドキュメントと例 | ✅ |
各要素の詳しい説明やドキュメントについては、各要素のサブフォルダーにある README をご覧ください。
バンドラー(Vite、Webpack など)
npm install @eox/<element>
import "@eox/<element>"
<eox-element></eox-element>
script タグ
<eox-element></eox-element>
<script type="module">
import "@eox/<element>" from "https://cdn.skypack.dev/@eox/<element>"
</script>
開発
モノレポの構成、コーディング規約、テスト手順など、開発に関する詳しい手順については、貢献ガイドをご覧ください。
このリポジトリで作業する AI エージェントは、ドキュメントの維持と MCP サーバーとの互換性の確保に関する具体的なガイドラインについて、AGENTS.mdも確認してください。
ライセンス
EOxElements に貢献することで、あなたの貢献がリポジトリのライセンスに基づいてライセンスされることに同意したものとみなされます。
過去のバージョン
このプロジェクトの main ブランチには、EOxElements の v2 バージョンが含まれています。(レガシー版の)EOxElements v1 については、v1 ブランチをご覧ください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。