mcpField
I
iNavi

iNavi

ローカル
mapsapi.inavisys.com開発ツール04 日前に更新

iNavi について

iNaviは、INAVI Maps APIとWeb JS SDKの資料をAIアシスタントに提供するMCPサーバーです。API仕様、実行可能な地図サンプル、SDKシンボルのリファレンスをまとめ、地図機能の開発や可視化を支援します。

主な機能

  1. 01INAVI Maps API仕様の検索
  2. 02詳細なAPIスキーマの取得
  3. 03実行可能な地図HTMLサンプルの利用
  4. 04Web JS SDKのクラスとメソッドの参照
  5. 05ジオコーディング、検索、ルート探索に対応

活用シーン

  1. 01ジオコーディングやルートAPIの呼び出しコードを生成
  2. 02マーカーやクラスタを使ったインタラクティブ地図を作成
  3. 03ルート結果を地図上のポリラインで表示
  4. 04実装時にSDKメソッドのシグネチャを確認

MCP 対応

API仕様、地図サンプル、Web JS SDKリファレンスの検索・取得に使う6つのツールを提供します。AIが生成するコード向けに資料と例を公開し、INAVI Maps API自体は呼び出しません。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"inavi": {
"command": "npx",
"args": [
"-y",
"@inavi-maps/mcp-server"
]
}
}
}
起動コマンドnpx -y @inavi-maps/mcp-server

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@inavi-maps/mcp-server0.4.2

ツール

4

掲載時のツール一覧 · 3 週間前に更新

パラメーター型必須説明
categoryenumいいえカテゴリで例を絞り込みます。選択肢:"dynamic-maps"(基本的なインタラクティブマップ)、"marker"(マーカーの表示とクラスタリング)、"infowindow"(InfoWindow の作成と表示制御)、"shapes"(円、ポリゴン、ポリラインなどの幾何図形。iNavi プラットフォームでは 피처/features とも呼ばれます)。指定しない場合は、すべての例を返します。dynamic-maps | marker | infowindow | shapes

詳細

INAVI Maps Docs MCP Server

npm version License: MIT

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専用 - おすすめ)

最も簡単なインストール方法です。環境を別途設定することなく、すぐに使用できます。

  1. GitHub Releasesから最新の.mcpbファイルをダウンロード
  2. ダウンロードした.mcpbファイルをClaude Desktopにドラッグ&ドロップ(またはダブルクリック)
  3. Claude Desktopを再起動

完了です!これでClaudeに地図に関する質問ができます。

方法2:npx(すべてのMCPホスト)

Cursor、VS Code、Claude Code、Codex、Windsurfなど、さまざまなMCPホストで使用できます。

事前要件: Node.js 22以上がインストールされている必要があります。

Install in Cursor Install in VS Code

標準設定 — ほとんどの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_specsAPI 仕様の一覧を取得category(任意)
get_api_spec特定 API の詳細仕様を取得operationId(必須)

ワークフロー: list_api_specs で利用可能な API を探した後、get_api_spec に operationId を渡して、パラメーターやリクエスト/レスポンスのスキーマなどの詳細仕様を取得します。

API 仕様のカテゴリ(8 個)
カテゴリ説明含まれる API
search-place場所/住所検索統合検索、多言語統合検索、場所の詳細取得、施設情報取得、検索語の候補表示、周辺カテゴリ検索、最適地点検索
search-geocodingジオコーディングジオコーディング、リバースジオコーディング
search-spatial空間検索空間検索、行政/法定洞のエリア検索、座標(系)変換
search-w3wwhat3wordsW3W 検索語の候補表示、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-maps5基本地図、地図情報の表示、距離の計算、地図タイプの切り替え、FlyTo アニメーション
marker6基本マーカー、移動可能なマーカー、クラスタリング、クラスタリングのグリッドサイズ、番号付け、カラーマーカー
infowindow2基本 InfoWindow、クラスターマーカー InfoWindow
shapes5円、ポリゴン、マルチポリゴン、スタイルの変更、ポリライン(交通状況の色)
SDK リファレンスツール

INAVI Maps Web JS SDK のクラスとオプション/型の定義を提供します。地図 SDK サンプルにないオプション、メソッド、イベントを AI が記憶に頼って推測するのではなく、実際のシグネチャを確認してから作成できるようにします。

ツール説明主な入力
list_sdk_docsSDK リファレンスのシンボル一覧を取得(クラスにはメソッド名を含む)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 個)
カテゴリシンボル数含まれるシンボル
map2Map、EventPayload
overlay8Circle、CustomInfoWindow、InfoWindow、Label、Marker、MarkerClusterer、Polygon、Polyline
control3CompassControl、LogoScaleControl、ZoomControl
coordinates12LngLat、LngLatBounds、Pixel、PixelBounds、TWLngLat、TWLngLatBounds、および各 *Like 入力型
options15MapOptions、MarkerOptions、CircleOptions などの *Options 型
style5ClusterStyle、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 サーバーが接続されない場合
  1. Node.js のバージョンを確認:Node.js 22 以上が必要です(node -v で確認)
  2. MCP Host を再起動:設定の変更後は、必ず再起動してください
  3. 設定ファイルを確認:JSON の構文エラーがないことを確認してください
JSON の解析エラー
Unexpected token...is not valid JSON

解決方法:

  • 最新バージョンに更新します(修正済みの問題です)
  • ローカル開発では console.log の代わりに MCP Logging を使用します(stdout の汚染を防止)

詳しいトラブルシューティングについては、トラブルシューティングガイドを参照してください。


문서

문서설명
도구 레퍼런스모든 도구의 상세 입출력 문서
Claude Desktop 설정Claude Desktop 설치 및 설정 가이드
Cursor 설정Cursor IDE 설정 가이드
로컬 개발소스 코드에서 직접 빌드 및 실행
Troubleshooting상세 문제 해결 가이드

라이선스

MIT License - 자유롭게 사용, 수정, 배포할 수 있습니다. 자세한 내용은 LICENSE 파일을 참조하세요.


참고 자료

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。