iNavi について
iNaviは、INAVI Maps APIとWeb JS SDKの資料をAIアシスタントに提供するMCPサーバーです。API仕様、実行可能な地図サンプル、SDKシンボルのリファレンスをまとめ、地図機能の開発や可視化を支援します。
主な機能
- 01INAVI Maps API仕様の検索
- 02詳細なAPIスキーマの取得
- 03実行可能な地図HTMLサンプルの利用
- 04Web JS SDKのクラスとメソッドの参照
- 05ジオコーディング、検索、ルート探索に対応
活用シーン
- 01ジオコーディングやルートAPIの呼び出しコードを生成
- 02マーカーやクラスタを使ったインタラクティブ地図を作成
- 03ルート結果を地図上のポリラインで表示
- 04実装時にSDKメソッドのシグネチャを確認
MCP 対応
API仕様、地図サンプル、Web JS SDKリファレンスの検索・取得に使う6つのツールを提供します。AIが生成するコード向けに資料と例を公開し、INAVI Maps API自体は呼び出しません。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
4掲載時のツール一覧 · 3 週間前に更新
| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| category | enum | いいえ | カテゴリで例を絞り込みます。選択肢:"dynamic-maps"(基本的なインタラクティブマップ)、"marker"(マーカーの表示とクラスタリング)、"infowindow"(InfoWindow の作成と表示制御)、"shapes"(円、ポリゴン、ポリラインなどの幾何図形。iNavi プラットフォームでは 피처/features とも呼ばれます)。指定しない場合は、すべての例を返します。dynamic-maps | marker | infowindow | shapes |
詳細
INAVI Maps Docs MCP Server
AI アシスタントに地図インテリジェンスをもたらす MCP(Model Context Protocol)サーバーです。
INAVI Maps Docs MCP Serverを接続すると、AIがINAVI Mapsの位置情報ベースのAPIとWeb JS SDKを理解し、インタラクティブな地図を直接作成できるようになります。別途ドキュメントを読んだり、コードを自分で書いたりする必要はなく、自然言語で会話しながら地図ベースの機能を実装できます。
- API仕様 - ジオコーディング、POI検索、ルート検索、マップマッチングなど、30以上のINAVI Maps API仕様(OASベース)をAIに提供
- 地図SDKのサンプル - マーカー、クラスター、ポリゴン、ポリラインなど、すぐに実行できる18個の地図SDKサンプルでインタラクティブな地図を作成
- SDKリファレンス - Web JS SDKのクラス・メソッド・オプション・イベントの定義を提供し、サンプルにない機能も実際のシグネチャどおりに作成
こんな方におすすめです:
- 迅速なプロトタイピング - APIドキュメントを読まずに、AIとの会話だけで地図ベースの機能を実装
- 位置情報ベースのサービス開発 - ジオコーディング、ルート検索、POI検索などを活用したサービスを構築
- データの可視化 - 位置データをインタラクティブな地図上に可視化
クイックスタート
方法1:.mcpb Bundle(Claude Desktop専用 - おすすめ)
最も簡単なインストール方法です。環境を別途設定することなく、すぐに使用できます。
- GitHub Releasesから最新の
.mcpbファイルをダウンロード - ダウンロードした
.mcpbファイルをClaude Desktopにドラッグ&ドロップ(またはダブルクリック) - Claude Desktopを再起動
完了です!これでClaudeに地図に関する質問ができます。
方法2:npx(すべてのMCPホスト)
Cursor、VS Code、Claude Code、Codex、Windsurfなど、さまざまなMCPホストで使用できます。
事前要件: Node.js 22以上がインストールされている必要があります。
標準設定 — ほとんどのMCPホストでそのまま使用できます。
{
"mcpServers": {
"inavi-maps-mcp": {
"command": "npx",
"args": ["-y", "@inavi-maps/mcp-server"]
}
}
}
使用するツールを展開して、設定場所を確認してください。
Cursor
上記のInstall in Cursorボタンをクリックするか、~/.cursor/mcp.jsonに標準設定を追加します。(公式ガイド)
VS Code
上記のInstall in VS Codeボタンをクリックするか、次のコマンドを実行します。(公式ガイド)
code --add-mcp '{"name":"inavi-maps-mcp","command":"npx","args":["-y","@inavi-maps/mcp-server"]}'
設定ファイルを直接編集する場合、最上位のキーはmcpServersではなくserversです。
Claude Code
claude mcp add --transport stdio inavi-maps-mcp -- npx -y @inavi-maps/mcp-server
または、~/.claude.jsonに標準設定を追加します。(公式ガイド)
Claude Desktop
claude_desktop_config.jsonに標準設定を追加します。(公式ガイド)
- Windows:
%APPDATA%\Claude\claude_desktop_config.json - macOS:
~/Library/Application Support/Claude/claude_desktop_config.json
Codex
codex mcp add inavi-maps-mcp -- npx -y @inavi-maps/mcp-server
または、~/.codex/config.tomlに追加します(TOML形式)。(公式ガイド)
[mcp_servers.inavi-maps-mcp]
command = "npx"
args = ["-y", "@inavi-maps/mcp-server"]
Windsurf
~/.codeium/windsurf/mcp_config.jsonに標準設定を追加します。(公式ガイド)
使用例
MCPサーバーをインストールしたら、AIに自然言語でリクエストしてください。
APIの探索とコード生成
このMCPサーバーは、INAVI Maps API仕様をAIに提供します。AIがAPIを直接呼び出すのではなく、API仕様を参照して適切な呼び出しコードを作成します。
INAVI Maps에서 사용할 수 있는 지오코딩 관련 API를 알려줘
리버스 지오코딩 API의 요청/응답 명세를 보여줘
주소를 좌표로 변환하는 API 호출 코드를 TypeScript로 작성해줘
출발지-도착지 경로 탐색 API를 사용하는 예제 코드를 만들어줘
N:1 거리 매트릭스 API로 가장 가까운 매장을 찾는 로직을 구현해줘
地図の可視化
AIはまず、地図SDKのサンプルを使って動作するページを構成し、サンプルにないオプション・メソッド・イベントはSDKリファレンスで確認して反映します。
INAVI Maps 지도에 마커를 표시하는 HTML 페이지를 만들어줘
여러 지점을 클러스터로 묶어서 지도에 표시하는 페이지를 만들어줘
경로를 교통 상황 색상으로 지도에 시각화하는 페이지를 만들어줘
서울 주요 관광지를 폴리곤 영역과 마커로 표시하는 지도를 만들어줘
클러스터에서 마커를 클릭하면 해당 장소의 정보를 InfoWindow로 보여줘
SDKリファレンスの参照
AIはWeb JS SDKのクラス・メソッド・オプションの定義を、記憶に頼って推測するのではなく、確認してから回答します。
Marker에서 사용할 수 있는 이벤트와 옵션을 알려줘
Map#fitBounds의 파라미터와 옵션을 알려줘
Polyline 선 스타일(LineStyle)로 지정할 수 있는 값을 정리해줘
組み合わせて活用
API仕様、地図SDKのサンプル、SDKリファレンスを組み合わせることで、より複雑な機能を実装できます。
지오코딩 API로 주소를 좌표로 변환하고, 그 결과를 지도에 마커로 표시하는 페이지를 만들어줘
경로 탐색 API 호출 결과를 지도 위에 폴리라인으로 그리고, 지도 범위를 경로 전체에 맞춰줘
使用できるツール
このMCPサーバーは、3種類、合計6つのツールを提供します。各ツールのペアは、探索 → 詳細の取得という2段階のワークフローとして設計されています。
API 仕様ツール
INAVI Maps API 仕様(OAS ベース)を AI に提供し、AI が API ドキュメントを直接読まなくても、正しい API 呼び出しコードを作成できるようにします。
| ツール | 説明 | 主な入力 |
|---|---|---|
list_api_specs | API 仕様の一覧を取得 | category(任意) |
get_api_spec | 特定 API の詳細仕様を取得 | operationId(必須) |
ワークフロー: list_api_specs で利用可能な API を探した後、get_api_spec に operationId を渡して、パラメーターやリクエスト/レスポンスのスキーマなどの詳細仕様を取得します。
API 仕様のカテゴリ(8 個)
| カテゴリ | 説明 | 含まれる API |
|---|---|---|
search-place | 場所/住所検索 | 統合検索、多言語統合検索、場所の詳細取得、施設情報取得、検索語の候補表示、周辺カテゴリ検索、最適地点検索 |
search-geocoding | ジオコーディング | ジオコーディング、リバースジオコーディング |
search-spatial | 空間検索 | 空間検索、行政/法定洞のエリア検索、座標(系)変換 |
search-w3w | what3words | W3W 検索語の候補表示、W3W リバースジオコーディング、W3W 最適地点検索 |
route-directions | ルート検索 | ルート検索、ルート検索の概要、ルート予測検索、複数経由地検索 100、徒歩/PM ルート検索 |
route-optimization | 経由地の最適化 | TSP 10、TSP 30、TSP 50、TSP 100(複数経由地の最適化) |
route-map-matching | マップマッチング | Special Map Matching、MTR 100、MTR 1000 |
route-matrix | 距離/時間マトリックス | N:1、1:N、M:N マトリックス |
地図 SDK サンプルツール
SDK ローダーから地図の初期化までを含む、すぐに実行できる地図 SDK サンプル(HTML)を提供します。AI がサンプルのデータ値(座標、ラベルなど)をカスタマイズして、ニーズに合った地図ページを生成します。
| ツール | 説明 | 主な入力 |
|---|---|---|
list_map_examples | 地図 SDK サンプルの一覧を取得 | category(任意) |
get_map_example | 特定の地図 SDK サンプルの HTML コードを取得 | id(必須) |
ワークフロー: list_map_examples で利用可能なサンプルを探した後、get_map_example に id を渡して、完全な HTML コードを取得します。
地図 SDK サンプルのカテゴリ(4 個、サンプル合計 18 個)
| カテゴリ | サンプル数 | 含まれるサンプル |
|---|---|---|
dynamic-maps | 5 | 基本地図、地図情報の表示、距離の計算、地図タイプの切り替え、FlyTo アニメーション |
marker | 6 | 基本マーカー、移動可能なマーカー、クラスタリング、クラスタリングのグリッドサイズ、番号付け、カラーマーカー |
infowindow | 2 | 基本 InfoWindow、クラスターマーカー InfoWindow |
shapes | 5 | 円、ポリゴン、マルチポリゴン、スタイルの変更、ポリライン(交通状況の色) |
SDK リファレンスツール
INAVI Maps Web JS SDK のクラスとオプション/型の定義を提供します。地図 SDK サンプルにないオプション、メソッド、イベントを AI が記憶に頼って推測するのではなく、実際のシグネチャを確認してから作成できるようにします。
| ツール | 説明 | 主な入力 |
|---|---|---|
list_sdk_docs | SDK リファレンスのシンボル一覧を取得(クラスにはメソッド名を含む) | category(任意) |
get_sdk_doc | 特定のシンボルまたは単一メソッドの SDK リファレンスを取得 | docId(必須) |
ワークフロー: 地図を作成する場合は、まず list_map_examples で実行可能な地図 SDK サンプルを取得し、サンプルにない機能が必要なときに list_sdk_docs → get_sdk_doc で正確なシグネチャを確認します。SDK ローダースクリプトはサンプルにのみ含まれているため、リファレンスだけでは動作するページを作成できません。
docId はクラス/型の ID(inavi.maps.Map、MapOptions)とメソッドのロングネーム(inavi.maps.Map#fitBounds)のどちらにも対応しています。
SDK リファレンスのカテゴリ(6 個、シンボル合計 45 個)
| カテゴリ | シンボル数 | 含まれるシンボル |
|---|---|---|
map | 2 | Map、EventPayload |
overlay | 8 | Circle、CustomInfoWindow、InfoWindow、Label、Marker、MarkerClusterer、Polygon、Polyline |
control | 3 | CompassControl、LogoScaleControl、ZoomControl |
coordinates | 12 | LngLat、LngLatBounds、Pixel、PixelBounds、TWLngLat、TWLngLatBounds、および各 *Like 入力型 |
options | 15 | MapOptions、MarkerOptions、CircleOptions などの *Options 型 |
style | 5 | ClusterStyle、Color、FillStyle、LabelStyle、LineStyle |
ツール
合計 6 個のツールを、一覧取得 → 詳細取得の 3 ペアで提供します。
list_api_specs— INAVI Maps API 仕様をカテゴリ別に探します。get_api_spec—operationIdで特定 API の詳細仕様を取得します。list_map_examples— 地図 SDK サンプルの一覧をカテゴリ別に探します。get_map_example—idで特定の地図 SDK サンプルの HTML コードを取得します。list_sdk_docs— Web JS SDK のシンボル(クラス、オプション/型の定義)をカテゴリ別に探します。get_sdk_doc—docIdで 1 つの SDK シンボルまたは単一メソッドの SDK リファレンスを取得します。
トラブルシューティング
MCP サーバーが接続されない場合
- Node.js のバージョンを確認:Node.js 22 以上が必要です(
node -vで確認) - MCP Host を再起動:設定の変更後は、必ず再起動してください
- 設定ファイルを確認:JSON の構文エラーがないことを確認してください
JSON の解析エラー
Unexpected token...is not valid JSON
解決方法:
- 最新バージョンに更新します(修正済みの問題です)
- ローカル開発では
console.logの代わりに MCP Logging を使用します(stdout の汚染を防止)
詳しいトラブルシューティングについては、トラブルシューティングガイドを参照してください。
문서
| 문서 | 설명 |
|---|---|
| 도구 레퍼런스 | 모든 도구의 상세 입출력 문서 |
| Claude Desktop 설정 | Claude Desktop 설치 및 설정 가이드 |
| Cursor 설정 | Cursor IDE 설정 가이드 |
| 로컬 개발 | 소스 코드에서 직접 빌드 및 실행 |
| Troubleshooting | 상세 문제 해결 가이드 |
라이선스
MIT License - 자유롭게 사용, 수정, 배포할 수 있습니다. 자세한 내용은 LICENSE 파일을 참조하세요.
참고 자료
- Model Context Protocol - MCP 공식 문서
- Claude Desktop - Claude Desktop 다운로드
- INAVI Maps API - INAVI Maps API 공식 문서
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。