iNavi Maps Docs

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 전용 - 추천)

가장 쉬운 설치 방법입니다. 별도 환경 구성 없이 바로 사용할 수 있습니다.

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 이상이 설치되어 있어야 합니다.

표준 설정 — 대부분의 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 레퍼런스 조회

Web JS SDK의 클래스·메서드·옵션 정의를 AI가 기억에 의존해 추측하지 않고 확인한 뒤 답변합니다.

Marker에서 사용할 수 있는 이벤트와 옵션을 알려줘

Map#fitBounds의 파라미터와 옵션을 알려줘

Polyline 선 스타일(LineStyle)로 지정할 수 있는 값을 정리해줘

조합 활용

API 명세, 지도 SDK 예제, SDK 레퍼런스를 함께 사용하면 더 복잡한 기능을 구현할 수 있습니다.

지오코딩 API로 주소를 좌표로 변환하고, 그 결과를 지도에 마커로 표시하는 페이지를 만들어줘

경로 탐색 API 호출 결과를 지도 위에 폴리라인으로 그리고, 지도 범위를 경로 전체에 맞춰줘

---

사용 가능한 도구

이 MCP 서버는 세 종류, 총 6개의 도구를 제공합니다. 각 도구 쌍은 탐색 → 상세 조회의 2단계 워크플로우로 설계되어 있습니다.

API 명세 도구

INAVI Maps API 명세(OAS 기반)를 AI에게 제공하여, API 문서를 직접 읽지 않고도 AI가 올바른 API 호출 코드를 작성할 수 있도록 합니다.

워크플로우: list_api_specs로 사용 가능한 API를 탐색한 후, get_api_spec에 operationId를 전달하여 파라미터, 요청/응답 스키마 등 상세 명세를 조회합니다.

API 명세 카테고리 (8개)

지도 SDK 예제 도구

SDK 로더부터 지도 초기화까지 포함된, 바로 실행되는 지도 SDK 예제(HTML)를 제공합니다. AI가 예제의 데이터 값(좌표, 레이블 등)을 커스터마이징하여 맞춤형 지도 페이지를 생성합니다.

워크플로우: list_map_examples로 사용 가능한 예제를 탐색한 후, get_map_example에 id를 전달하여 완전한 HTML 코드를 조회합니다.

지도 SDK 예제 카테고리 (4개, 총 18개 예제)

SDK 레퍼런스 도구

INAVI Maps Web JS SDK의 클래스와 옵션/타입 정의를 제공합니다. 지도 SDK 예제에 없는 옵션·메서드·이벤트를 AI가 기억에 의존해 추측하지 않고, 실제 시그니처를 확인한 뒤 작성하도록 합니다.

워크플로우: 지도를 만들 때는 list_map_examples로 실행 가능한 지도 SDK 예제를 먼저 확보하고, 예제에 없는 기능이 필요할 때 list_sdk_docs → get_sdk_doc으로 정확한 시그니처를 확인합니다. SDK 로더 스크립트는 예제에만 있으므로 레퍼런스만으로는 동작하는 페이지를 만들 수 없습니다.

docId는 클래스/타입 id(inavi.maps.Map, MapOptions)와 메서드 롱네임(inavi.maps.Map#fitBounds)을 모두 받습니다.

SDK 레퍼런스 카테고리 (6개, 총 45개 심볼)

---

Tools

총 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로 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 오염 방지)

더 자세한 문제 해결 방법은 Troubleshooting Guide를 참고하세요.

---

문서

---

라이선스

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

---

참고 자료

• Model Context Protocol - MCP 공식 문서
• Claude Desktop - Claude Desktop 다운로드
• INAVI Maps API - INAVI Maps API 공식 문서