高德开放平台JS API插件支持WebMCP：重新定义AI与网页交互的新时代

在数字化快速发展的今天，AI助手与网页之间的交互效率成为了一个日益重要的问题。传统的AI与网页交互方式，通常需要通过截取屏幕、解析DOM结构或者模拟鼠标点击来完成操作，这种方式不仅消耗大量计算资源，还十分脆弱，稍有页面改版或结构变化，AI就会“迷失”或无法继续执行任务。为了应对这一挑战，WebMCP（Web模型上下文协议）应运而生，它提供了一种全新的解决方案，让AI能够更高效、更直接地与网页交互。

WebMCP是WebAPI的一个新提案，它提出了一种新的Javascript接口，允许Web开发人员将Web应用的功能以“tools”的形式公开，从而可以被AI agent、浏览器助手等调用。使用WebMCP的网页可以被视为MCP服务器，浏览器支持在客户端脚本中实现工具，降低了后端服务开发维护成本。

在这样的背景下，高德开放平台JS API结合浏览器这一新特性，推出支持WebMCP的搜索插件，用户调用AMap.PlaceSearch即可拥有被AI调用的新能力。

操作视频：https://www.bilibili.com/video/BV1ChZLB8EJY

使用方法：

1、引入高德地图JS API及地址搜索插件

// 引入 JS API 资源
<script type="text/javascript" src="//webapi.amap.com/maps?v=2.0&key=您的 JS API key"></script>
// 引入地址搜索插件资源
<link type="text/css" rel="stylesheet" href='https://a.amap.com/jsapi/static/mcp_plugin/1.0.0/place_search.css' />
<script type="text/javascript" src='https://a.amap.com/jsapi/static/mcp_plugin/1.0.0/place_search.js'></script>

2、安装 MCP-B 扩展程序或与 Assistant-UI 等 AI 框架集成

WebMCP正在重新定义AI与网页交互的方式，它通过结构化数据交互和直接功能调用，极大提升了效率和稳定性。高德开放平台推出的搜索插件是一个典型的应用案例，展示了WebMCP在实际场景中的巨大潜力。

如果你是开发者，关注高德开放平台，我们将持续推出更多创新工具，助力你打造更智能、更高效的开发体验，共同开启未来新篇章。