OCM MCP演示
一个简单的web应用程序,演示了OCM(开放电荷映射)MCP(模型上下文协议)SDK, 使用npm包https://github.com/andreibesleaga/ocm-sdkmcp服务器。
现场演示:https://ocm-demo.up.railway.app/
实时MCP服务器:https://ocm-mcp.stlmcp.com
特性
- 显示电动汽车充电站的交互式地图
- 使用MCP的AI风格命令界面
- 来自Open Charge Map API的实时数据
- 单击以选择地图坐标
项目结构
ocm-demo/
├── index.js # Main Express application
├── mcp-server.js # MCP client module (can be used standalone)
├── public/
│ ├── index.html # Web interface
│ └── app.js # Client-side JavaScript
├── package.json
└── README.md设置
- 安装依赖项:
npm install- 设置环境变量(可选):
export OCM_API_KEY=your_ocm_api_key- 运行应用程序:
npm start- 打开http://localhost:3000
用法
Web界面命令
输入以下命令:
- “在美国查找充电站”或“在美国充电”
- “在英国伦敦查找充电站”或“英国伦敦附近的充电站”
- “法国巴黎充电站”或“巴黎站”
- “搜索坐标51.5074,-0.1278”(来自地图点击)
- “列出工具”或“工具”(显示可用的MCP工具)
地图交互
- 点击地图上的任意位置 选择坐标
- 点击“在此处搜索” 查找选定点25km范围内的车站
- 自动填充坐标 在指挥领域
该应用程序接受灵活的命令格式,只需提及“充电”、“车站”、“poi”或与位置的“坐标”即可。
单独运行MCP服务器
适用于Claude Desktop或其他人工智能工具
MCP服务器可以独立运行,并连接到Claude Desktop或其他兼容MCP的AI工具。
选项1:直接NPX命令
npm run mcp-server
# or
npx ocm-mcp选项2:Claude桌面集成
添加到您的Claude Desktop配置文件(~/Library/Application Support/Claude/claude_desktop_config.json 在macOS上):
{
"mcpServers": {
"ocm": {
"command": "npx",
"args": ["ocm-mcp"],
"env": {
"OCM_API_KEY": "your_api_key_here"
}
}
}
}选项3:使用MCP客户端模块
import MCPClient from './mcp-server.js';
const client = new MCPClient();
// List available tools
const tools = await client.listTools();
console.log('Available tools:', tools);
// Search for charging stations
const stations = await client.callTool('list_poi', {
latitude: 51.5074,
longitude: -0.1278,
distance: 25,
maxresults: 50
});可用的MCP工具
OCM MCP服务器提供以下工具:
list_poi-按位置搜索充电站retrieve_referencedata-获取参考数据(国家、运营商等)authenticate_profile-验证用户配置文件submit_comment-提交关于充电站的意见create_mediaitem-创建媒体项目retrieve_openapi-获取OpenAPI规范
克劳德提示示例
连接到Claude Desktop后:
- “在伦敦寻找电动汽车充电站”
- “给我看看巴黎50公里范围内的快速充电站”
- “列出加利福尼亚州配备特斯拉连接器的充电站”
- “坐标40.7128,-74.0060附近有哪些充电选项?”
环境变量
OCM_API_KEY-用于更高费率限制的可选Open Charge Map API密钥PORT-服务器端口(默认值:3000)
API终点
POST /api/mcp-向服务器发送MCP命令GET /-提供web界面
