+
+ - `MarkerClusterOptions.renderClusterMarker` **function** 指定聚合后的点标记的图标样式，可缺省，缺省时为默认样式
+ 数据元素分别对应聚合量在1-10,11-100,101-1000…的聚合点的样式；
+ 当用户设置聚合样式少于实际叠加的点数，未设置部分按照系统默认样式显示；
+ 单个图标样式包括以下几个属性：
+ 1. {string} url：图标显示图片的url地址（必选）
+ 2. {AMap.Size} size：图标显示图片的大小（必选）
+ 3. {AMap.Pixel} offset：图标定位在地图上的位置相对于图标左上角的偏移值。默认为(0,0),不偏移（可选）
+ 4. {AMap.Pixel} imageOffset：图片相对于可视区域的偏移值，此功能的作用等同CSS中的background-position属性。默认为(0,0)，不偏移（可选）
+ 5. {String} textColor：文字的颜色，默认为"#000000"（可选）
+ 6. {Number} textSize：文字的大小，默认为10（可选）
+
+
+ - `MarkerClusterOptions.renderMarker` **function** 该方法用来实现聚合点的自定义绘制，由开发者自己实现，API 将在绘制每个聚合点的时候调用这个方法，可以实现聚合点样式的灵活设定，指定了 renderClusterMarker 后 styles 无效。
+ 该函数的入参为一个Object，包含如下属性：
+ 1. count: 当前聚合点下聚合的 Marker 的数量
+ 2. marker: 当前聚合点显示的 Marker
+
+
+
+### Examples
+
+```javascript
+// 数据格式为一组含有经纬度信息的数组，如下所示。其中【经纬度】lnglat 为必填字段，【权重】weight 为可选字段。
+var points = [
+ { weight: 8, lnglat: ["108.939621", "34.343147"] },
+ { weight: 1, lnglat: ["112.985037", "23.15046"] },
+ { weight: 1, lnglat: ["110.361899", "20.026695"] },
+ { weight: 1, lnglat: ["121.434529", "31.215641"] }
+];
+// 加载点聚合插件
+map.plugin(["AMap.MarkerCluster"],function(){
+ var cluster = new AMap.MarkerCluster(map, points, {
+ gridSize: 80 // 聚合网格像素大小
+ });
+});
+```
+
+### addData
+
+在原数据基础上添加数据，格式同 dataOptions
+
+#### Parameters
+
+- `dataOptions` **dataOptions**
+
+### setData
+
+设置数据，格式同 dataOptions
+
+#### Parameters
+
+- `dataOptions` **dataOptions**
+
+### getClustersCount
+
+获取聚合点的总数量
+
+Returns **Number**
+
+### getGridSize
+
+获取聚合网格的像素大小
+
+Returns **Number**
+
+### setGridSize
+
+设置聚合网格的像素大小
+
+#### Parameters
+
+- `size` **Number** 像素大小
+
+### getMaxZoom
+
+获取地图中点标记的最大聚合级别
+
+Returns **Number**
+
+### setMaxZoom
+
+设置地图中点标记的最大聚合级别
+
+#### Parameters
+
+- `zoom` **Number** 级别
+
+### setStyles
+
+设置样式聚合点，格式同 opts.styles
+
+#### Parameters
+
+- `Map` **Map**
+
+### getStyles
+
+获取样式
+
+Returns **Array**
+
+### getMap
+
+获取地图对象
+
+Returns **Map**
+
+### setMap
+
+设置地图对象
+
+#### Parameters
+
+- `Map` **Map**
+
+### isAverageCenter
+
+获取单个聚合点位置是否是聚合内所有标记的平均中心
+
+Returns **Boolean**
+
+### setAverageCenter
+
+设置聚合点位置是否是所有聚合点的中心
+
+#### Parameters
+
+- `averageCenter` **Boolean**
+
+## MassMarks
+
+**Extends AMap.Event**
+
+海量点类
+
+### Parameters
+
+- `data` **Array<MassData>** 海量点数据参数
+ - `data.lnglat` **LngLat** 经纬度
+ - `data.style` **number** 样式索引值
+- `opts` **Array<MassMarkersOptions>** 海量点参数
+ - `opts.zIndex` **number** 图标 url
+ - `opts.opacity` **number** 图标显示大小
+ - `opts.zooms` **Vector2** 旋转角度
+ - `opts.cursor` **string** 锚点位置
+ - `opts.style` **(MassMarkersStyleOptions | Array<MassMarkersStyleOptions>)** 点展示优先级
+ - `opts.style.url` **string** 图标 url
+ - `opts.style.size` **(Vector2 | Size)** 图标显示大小
+ - `opts.style.rotation` **number** 旋转角度
+ - `opts.style.anchor` **Pixel** 锚点位置
+ - `opts.style.zIndex` **number** 点展示优先级，默认为使用样式的索引值。
+
+### Examples
+
+```javascript
+// 创建 MassMarks 实例，[亲手试一试](https://lbs.amap.com/api/jsapi-v2/example/marker/massmarks)
+var massMarks = new AMap.MassMarks(data, {
+ opacity: 0.8,
+ zIndex: 111,
+ cursor: 'help',
+ style: style,
+});
+// 将海量点实例添加到地图上
+map.add(massMarks);
+```
+
+### setMap
+
+设置显示MassMark的地图对象
+
+#### Parameters
+
+- `map` **Map**
+
+### getMap
+
+获取Marker所在地图对象
+
+Returns **any**
+
+### getData
+
+输出MassMark的数据集，数据结构同setDatas中的数据集
+
+Returns **Array<MassData>**
+
+### setData
+
+设置MassMark展现的数据集
+
+#### Parameters
+
+- `data` **Array<MassData>**
+
+### getStyle
+
+获取MassMark的显示样式
+
+Returns **Array<MassMarkersStyleOptions>**
+
+### setStyle
+
+设置MassMark的显示样式，可设置单个样式或样式列表，每条数据通过设置的样式索引值获取对应样式
+
+#### Parameters
+
+- `style` **(MassMarkersStyleOptions | Array<MassMarkersStyleOptions>)**
+
+### setOpacity
+
+获取海量点图层的透明度
+
+Returns **number**
+
+### setzIndex
+
+设置海量点图层透明度
+
+#### Parameters
+
+- `opacity` **number** 透明度
+
+### setzIndex
+
+设置海量点图层叠加顺序
+
+#### Parameters
+
+- `zIndex` **number** 叠加顺序
+
+### getzIndex
+
+获取海量点图层的透明度
+
+Returns **number**
+
+### getZooms
+
+获取海量点图层可见层级范围
+
+Returns **Vector2**
+
+### setZooms
+
+设置海量点图层可见层级范围
+
+#### Parameters
+
+- `zooms` **Vector2** 可见层级范围
+
+### show
+
+显示海量点图层
+
+### hide
+
+隐藏海量点图层
+
+### clear
+
+清除海量点
+
+## MoveAnimation
+
+用于实现点标记沿线段或者路径轨迹移动的动画基类，可用于满足轨迹回放、实时轨迹等场景。MoveAnimation无需单独声明或初始化，Marker、Text、LabelMarker均已继承了 MoveAnimation的实现。
+
+### moveTo
+
+以给定时间移动点标记到指定位置，加载 AMap.MoveAnimation 后可以使用
+
+#### Parameters
+
+- `targetPosition` **(LngLat | Vector)** 指定位置
+- `opts` **MoveToOptions** moveTo 动画参数
+ - `opts.duration` **number** 每段动画持续时长, 单位：ms
+ - `opts.speed` **number** 动画速度，已废弃
+ - `opts.easing` **EasingCallback** easing 时间函数
+ - `opts.autoRotation` **boolean** 覆盖物是否沿路径旋转
+
+#### Examples
+
+```javascript
+AMap.plugin('AMap.MoveAnimation', function(){
+ const animationMarker = new AMap.Marker({
+ position: new AMap.LngLat(116.397389,39.909466),
+ });
+ animationMarker.moveTo([116.397389, 39.909466], {
+ duration: 1000,
+ delay: 500,
+ });
+});
+```
+
+### moveAlong
+
+以指定的时长，点标记沿指定的路径移动，加载 AMap.MoveAnimation 后可以使用
+
+#### Parameters
+
+- `path` **(Array<LngLat> | Array<Vector> | Array<MoveAlongObj>)** 路径数组
+- `opts` **MoveAlongOptions** moveAlong 动画参数 可选
+ - `opts.duration` **(number \| AnimationCallback)** 每段动画持续时长, 单位：ms
+ - `opts.speed` **(number \| AnimationCallback)** 每段动画速度，已废弃
+ - `opts.easing` **EasingCallback** easing 时间函数
+ - `opts.circlable` **boolean** 动画是否循环
+ - `opts.delay` **(number \| AnimationCallback)** 延迟动画时长
+ - `opts.aniInterval` **number** 每段完整动画间隔时长
+ - `opts.autoRotation` **boolean** 覆盖物是否沿路径旋转
+
+#### Examples
+
+```javascript
+const path = [
+ new AMap.LngLat(116.397389, 39.909466),
+ new AMap.LngLat(116.379707, 39.968168),
+ new AMap.LngLat(116.434467, 39.95001),
+ new AMap.LngLat(116.46365, 39.979481),
+ new AMap.LngLat(116.397389, 39.909466),
+];
+const customData = [
+ { position: path[0], duration: 200 },
+ { position: path[1], duration: 400 },
+ { position: path[2], duration: 600 },
+ { position: path[3], duration: 800 },
+ { position: path[4], duration: 1000 },
+];
+AMap.plugin('AMap.MoveAnimation', function(){
+ const animationMarker = new AMap.Marker({
+ position: new AMap.LngLat(116.397389,39.909466),
+ angle: 90,
+ });
+ animationMarker.moveAlong(customData);
+});
+```
+
+### startMove
+
+开启点标记动画，加载 AMap.MoveAnimation 后可以使用
+
+#### Examples
+
+```javascript
+animationMarker.startMove();
+```
+
+### stopMove
+
+停止点标记动画，加载 AMap.MoveAnimation 后可以使用
+
+#### Examples
+
+```javascript
+animationMarker.stopMove();
+```
+
+### resumeMove
+
+重新启动点标记动画，加载 AMap.MoveAnimation 后可以使用
+
+#### Examples
+
+```javascript
+animationMarker.resumeMove();
+```
+
+## AnimationCallback
+
+MoveAnimation 回调函数
+
+Type: function
+
+### Parameters
+
+- `index` **number** 运行到点的索引
+- `data` **LngLat** 当前点经纬度
+
+Returns **number**
+
+## EasingCallback
+
+时间函数回调
+
+Type: function
+
+### Parameters
+
+- `passedTime` **number** 已经过去的时长
+
+Returns **number**
diff --git a/.agents/skills/amap-jsapi-skill/references/api/overlay-group.md b/.agents/skills/amap-jsapi-skill/references/api/overlay-group.md
new file mode 100644
index 0000000..a564adf
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/api/overlay-group.md
@@ -0,0 +1,220 @@
+## 群组
+
+用于批量操作图层和覆盖物的群组类型，可以简化代码书写
+
+
+## LayerGroup
+
+LayerGroup类用来包装其它图层类的实例， 对实例集合做批量操作， 避免开发者对多个需要设置同样属性的图层实例做循环处理。
+同时只要对LayerGroup执行过setMap方法后， 新添加到该LayerGroup中的图层会自动将其map属性修改到该group对应的map，
+此外从group中移除该图层时，也会将该图层从group对应的map中移除。
+如果对图层集合添加对某个事件的监听或解除监听， 图层集合会对集合中所有图层实例做集合处理，
+只要该图层支持此事件， 该事件绑定/解除即对图层生效
+[相关示例][86]
+
+### Parameters
+
+- `layers` **Array<Layer>** 图层数组
+
+### setMap
+
+添加到地图上面
+
+#### Parameters
+
+- `map` **Map** 地图对象
+
+Returns **any**
+
+### hasLayer
+
+判断传入的图层实例是否在集合中
+
+#### Parameters
+
+- `layer` **Layer**
+
+### setOptions
+
+修改图层属性(包括线样式、样色等等)
+
+#### Parameters
+
+- `opts` **LayerOptions** 参数
+ - `opts.visible` **Boolean** 是否可见
+ - `opts.opacity` **Number** 透明度
+ - `opts.zIndex` **Number** 层级
+ - `opts.zooms` **Array<Number>** 集合可见范围
+
+Returns **any**
+
+### eachLayer
+
+对集合中的图层做迭代操作，其中iterator的函数定义是：
+function(layer, index, collections)，相关含义如下：
+layer: 当前迭代到的图层
+index: 该图层在集合中的序列号(从0开始)
+collections: 所有图层实例
+
+#### Parameters
+
+- `iterator` **Function**
+
+### addLayer
+
+添加单个图层到集合中，不支持添加重复的图层
+
+#### Parameters
+
+- `layer` **Layer** 图层对象
+
+### addLayers
+
+添加图层数组到集合中，不支持添加重复的图层
+
+#### Parameters
+
+- `layers` **Array<Layer>** 图层数组
+
+### removeLayer
+
+从集合中删除传入的图层实例
+
+#### Parameters
+
+- `layer` **Layer** 图层对象
+
+### removeLayers
+
+从集合中删除传入的图层实例数组
+
+#### Parameters
+
+- `layers` **Array<Layer>** 图层数组
+
+### getLayers
+
+获取组里所有对象，包括图层和覆盖物
+
+Returns **Array<Layers>**
+
+### clearLayers
+
+清空图层
+
+### hide
+
+设置图层隐藏
+
+### show
+
+设置图层可见
+
+### on
+
+事件批量绑定
+
+#### Parameters
+
+- `type` **String** 事件名称, 比如: click、mouseover
+- `事件回调函数` **Function**
+
+### reload
+
+重新加载图层资源，重新渲染
+
+Returns **any**
+
+## OverlayGroup
+
+OverlayGroup 类用来包装其它覆盖物类的实例，对实例集合做整体操作，避免开发者对多个需要设置同样属性的覆盖物实例做循环处理。
+此外从group中移除该覆盖物时，也会将该覆盖物从group对应的map中移除。
+目前OverlayGroup支持Marker, Polygon, Polyline, Circle,CircleMarker, Rectangle, Ellipse 和 BezierCurve。
+
+### Parameters
+
+- `overlays` **Array<Overlay>**
+
+### addOverlay
+
+添加单个覆盖物到集合中，不支持添加重复的覆盖物
+
+#### Parameters
+
+- `overlay` **Overlay**
+
+### type
+
+### className
+
+### addOverlays
+
+添加覆盖物数组到集合中，不支持添加重复的覆盖物
+
+#### Parameters
+
+- `overlays` **Array<Overlay>**
+
+### getOverlays
+
+返回当前集合中所有的覆盖物
+
+Returns **Array**
+
+### hasOverlay
+
+判断传入的覆盖物实例是否在集合中
+
+#### Parameters
+
+- `overlay` **Overlay**
+
+Returns **boolean**
+
+### removeOverlay
+
+从集合中删除传入的覆盖物实例
+
+#### Parameters
+
+- `overlay` **Overlay**
+
+### removeOverlays
+
+从集合中删除传入的覆盖物实例数组
+
+#### Parameters
+
+- `overlays` **Array**
+
+### clearOverlays
+
+清空集合
+
+### eachOverlay
+
+对集合中的覆盖物做迭代操作，其中iterator的函数定义是：
+function(overlay, index, collections)，相关含义如下：
+overlay: 当前迭代到的覆盖物
+index: 该覆盖物在集合中的序列号(从0开始)
+collections: 所有覆盖物实例
+
+#### Parameters
+
+- `iterator` **Function**
+
+### show
+
+在地图上显示集合中覆盖物
+
+### hide
+
+在地图上隐藏集合中覆盖物
+
+### setOptions
+
+修改覆盖物属性(包括线样式、样色等等)
+
+#### Parameters
+
+- `opt` **Object**
diff --git a/.agents/skills/amap-jsapi-skill/references/api/routing.md b/.agents/skills/amap-jsapi-skill/references/api/routing.md
new file mode 100644
index 0000000..e5f3d3f
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/api/routing.md
@@ -0,0 +1,844 @@
+## 路线规划
+
+用于驾车、货车、骑行、步行、公交等的路线规划查询
+
+
+## Driving
+
+驾车路线规划服务，提供起、终点坐标的驾车导航路线[查询功能][109]。AMap. Driving构造函数的参数为 DrivingOptions 对象。DrivingOptions 允许设置驾车策略和返回信息详略。用户可以通过自定义回调函数取回并显示查询结果。若服务请求失败，系统将返回错误信息
+
+### Parameters
+
+- `opts` **DrivingOptions** 参数信息
+ - `opts.map` **Map** AMap.Map对象, 展现结果的地图实例。当指定此参数后，搜索结果的标注、线路等均会自动添加到此地图上。可选
+ - `opts.policy` **number?** [驾车路线规划策略][110]
+ - `opts.extensions` **string** 默认值：base，返回基本地址信息\\n当取值为：all，返回DriveStep基本信息+DriveStep详细信息 (optional, default `'base'`)
+ - `opts.ferry` **number** 默认为0，表示可以使用轮渡，为1的时候表示不可以使用轮渡 (optional, default `0`)
+ - `opts.panel` **(string \| HTMLElement)?** 结果列表的HTML容器id或容器元素，提供此参数后，结果列表将在此容器中进行展示。可选
+ - `opts.hideMarkers` **boolean** 设置隐藏路径规划的起始点图标
+ 设置为true：隐藏图标；设置false：显示图标\\n默认值为：false (optional, default `false`)
+ - `opts.showTraffic` **boolean?** 设置是否显示实时路况信息，默认设置为true。
+ 显示绿色代表畅通，黄色代表轻微拥堵，红色代表比较拥堵，灰色表示无路况信息。
+ - `opts.province` **string?** 车牌省份的汉字缩写，用于判断是否限行，与number属性组合使用，可选。例如：京
+ - `opts.number` **string?** 除省份之外车牌的字母和数字，用于判断限行相关，与province属性组合使用，可选。例如:NH1N11
+ - `opts.isOutline` **boolean?** 使用map属性时，绘制的规划线路是否显示描边。缺省为true
+ - `opts.outlineColor` **string?** 使用map属性时，绘制的规划线路的描边颜色。缺省为'white'
+ - `opts.autoFitView` **boolean?** 用于控制在路径规划结束后，是否自动调整地图视野使绘制的路线处于视口的可见范围
+
+### Examples
+
+```javascript
+var driving;
+mapObj.plugin(["AMap.Driving"], function() { //加载驾车服务插件
+ var drivingOptions = {
+ //驾车策略，包括 LEAST_TIME，LEAST_FEE, LEAST_DISTANCE,REAL_TRAFFIC
+ policy: AMap.DrivingPolicy.LEAST_TIME
+ };
+ driving = new AMap.Driving(drivingOptions);
+ AMap.Event.addListener(driving, "complete", driving_CallBack); //返回导航查询结果
+ //根据起终点坐标规划驾车路线
+ MDrive.search(new AMap.LngLat(116.379018, 39.865026), new AMap.LngLat(116.42732, 39.903752));
+});
+```
+
+### search
+
+根据起点、终点和途经点（可选）坐标或名称，实现驾车路线规划，途经点通过opts设定
+
+#### Parameters
+
+- `origin` **LngLat** 起点经纬度
+- `destination` **LngLat** 终点经纬度
+- `opts` **Object**
+ - `opts.waypoints` **Array<LngLat>** 途径点,最多支持16个
+- `callback` **DrivingCallback** status为complete时，result为DrivingResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果。
+
+### search
+
+根据起点、终点和途经点（可选）坐标或名称，实现驾车路线规划，途经点通过opts设定
+
+#### Parameters
+
+- `points` **Array<Object>** 终点经纬度points为起点、终点和途经点（可选）名称及对应城市的数组，例如：
+ [{keyword:‘北京南站’,city:‘北京市’},{keyword:‘广东大厦’,city:’北京市’},{ keyword:‘北京西站’,city:‘北京市’}]
+ 系统取数组第一个元素和最后一个元素作为起点和终点，中间元素为途经点；
+- `callback` **DrivingCallback** status为complete时，result为DrivingResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果。
+
+### clear
+
+清除搜索结果
+
+### setAvoidPolygons
+
+设置避让区域，最大支持三个避让区域，参数为LngLat的二维数组
+
+#### Parameters
+
+- `areas` **Array<Array<LngLatLike>>**
+
+### clearAvoidPolygons
+
+清除避让区域
+
+### getAvoidPolygons
+
+获取避让区域，返回LngLat的二维数组
+
+Returns **Array<Array<LngLat>>** 避让区域
+
+### setAvoidRoad
+
+设置避让道路名称，只支持一条避让道路
+注：避让道路和避让区域不能同时使用
+
+#### Parameters
+
+- `value` **string**
+
+### clearAvoidRoad
+
+清除避让道路
+
+### getAvoidRoad
+
+获取避让道路
+
+Returns **string**
+
+### setProvinceAndNumber
+
+设置车牌的汉字首字符和首字后的号码，设置后路线规划的结果将考虑该车牌在当前时间的限行路段
+
+#### Parameters
+
+- `province` **string**
+- `number` **string**
+
+### setPolicy
+
+设置驾车路线规划策略
+
+#### Parameters
+
+- `policy` **Object** 驾车路线规划策略
+
+## DrivingCallback
+
+Driving.search 的回调函数
+
+Type: Function
+
+### Parameters
+
+- `status` **string** status为complete时，result为DrivingResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果
+- `result` **(info | DrivingResult)**
+
+## DrivingResult
+
+DrivingResult 对象
+
+Type: Object
+
+### Properties
+
+- `info` **string** 成功状态说明
+- `origin` **LngLat** 驾车规划起点坐标
+- `destination` **LngLat** 驾车规划终点坐标
+- `start` **Poi** 驾车规划起点
+- `end` **Poi** 驾车规划终点
+- `waypoints` **Poi** 驾车规划途经点
+- `taxi_cost` **number** 打车费用，仅extensions为“all”时返回. 单位: 元
+- `routes` **Array<DriveRoute>** 驾车规划路线列表
+ - `routes.route` **DriveRoute** 驾车规划路线列表元素
+ - `routes.route.distance` **number** 起点到终点的驾车距离，单位：米
+ - `routes.route.time` **number** 时间预计，单位：秒
+ - `routes.route.policy` **string** 驾车规划策略
+ - `routes.route.tolls` **number** 此驾车路线收费金额，单位：元
+ - `routes.route.tolls_distance` **number** 收费路段长度，单位：米
+ - `routes.route.restriction` **number** 限行结果,0 代表限行已规避或未限行，即该路线没有限行路段,1 代表限行无法规避，即该线路有限行路段
+- `steps` **Array<(DriveStepBasic \| DriveStepDetail)>** 子路段DriveStep集合
+
+## DriveStepBasic
+
+DriveStep 对象(基本信息)
+
+Type: Object
+
+### Properties
+
+- `start_location` **LngLat** 此路段起点
+- `end_location` **LngLat** 此路段终点
+- `instruction` **string** 此路段说明，如“沿北京南站路行驶565米右转”
+- `action` **string** 本驾车子路段完成后动作
+- `assist_action` **string** 驾车子路段完成后辅助动作，一般为到达某个目的地时返回
+- `orientation` **string** 驾车方向
+- `road` **string** 驾车方向
+- `distance` **number** 此路段距离，单位：米
+- `tolls` **number** 此段收费，单位：元
+- `tolls_distance` **number** 收费路段长度，单位：米
+- `toll_road` **string** 主要收费道路
+- `time` **number** 此路段预计使用时间，单位：秒
+- `path` **Array<LngLat>** 此路段坐标集合
+
+## DriveStepDetail
+
+DriveStep 对象(详细信息)
+
+Type: Object
+
+### Properties
+
+- `cities` **Array<ViaCity>** 途径城市列表
+ - `cities.city` **ViaCity** 途径城市列表元素
+ - `cities.city.name` **string** 途径名称
+ - `cities.city.citycode` **string** 城市编码
+ - `cities.city.adcode` **string** 区域编码
+ - `cities.city.districts` **Array<District>** 途径行政区列表
+ - `cities.city.districts.district` **District** 途径行政区列表元素
+ - `cities.city.districts.district.name` **string** 区域名称
+ - `cities.city.districts.district.adcode` **string** 区域编码
+- `tmcs` **Array<TMC>** 实时交通信息列表
+ - `tmcs.tmc` **TMC** 实时交通信息列表元素
+ - `tmcs.tmc.lcode` **string** 路况信息对应的编码
+ 如果direction是正向 lcode返回值大于0；否则lcode，返回值小于0；
+ 如果返回0则说明此路段无lcode
+ - `tmcs.tmc.distance` **number** 此lcode对应的路段长度，单位: 米
+ - `tmcs.tmc.status` **string** 路况状态，可能的值有：未知，畅通，缓行，拥堵
+
+## TruckDriving
+
+驾车路线规划服务，提供起、终点坐标的驾车导航路线[查询功能][115]。AMap. Driving构造函数的参数为 DrivingOptions 对象。DrivingOptions 允许设置驾车策略和返回信息详略。用户可以通过自定义回调函数取回并显示查询结果。若服务请求失败，系统将返回[错误信息][116]
+
+### Parameters
+
+- `opts` **TruckDrivingOptions** 参数信息
+ - `opts.map` **Map** AMap.Map对象, 展现结果的地图实例。当指定此参数后，搜索结果的标注、线路等均会自动添加到此地图上。可选
+ - `opts.policy` **number?** [货车路线规划策略strategy][117]
+ - `opts.size` **number** 车型大小，必填，1-4分别对应小型至大型
+ - `opts.width` **number** 宽度，缺省2.5米 (optional, default `2.5`)
+ - `opts.height` **number** 高度,缺省1.6米 (optional, default `1.6`)
+ - `opts.load` **number** 载重,缺省0.9t (optional, default `0.9`)
+ - `opts.weight` **number** 自重，缺省10t (optional, default `10`)
+ - `opts.axlesNum` **number** 轴数，缺省2轴 (optional, default `2`)
+ - `opts.extensions` **string** 默认值：base，返回基本地址信息\\n当取值为：all，返回DriveStep基本信息+DriveStep详细信息 (optional, default `'base'`)
+ - `opts.panel` **(string \| HTMLElement)?** 结果列表的HTML容器id或容器元素，提供此参数后，结果列表将在此容器中进行展示。可选
+ - `opts.hideMarkers` **boolean** 设置隐藏路径规划的起始点图标
+ 设置为true：隐藏图标；设置false：显示图标\\n默认值为：false (optional, default `false`)
+ - `opts.showTraffic` **boolean?** 设置是否显示实时路况信息，默认设置为true。
+ 显示绿色代表畅通，黄色代表轻微拥堵，红色代表比较拥堵，灰色表示无路况信息。
+ - `opts.province` **string?** 车牌省份的汉字缩写，用于判断是否限行，与number属性组合使用，可选。例如：京
+ - `opts.number` **string?** 除省份之外车牌的字母和数字，用于判断限行相关，与province属性组合使用，可选。例如:NH1N11
+ - `opts.isOutline` **boolean?** 使用map属性时，绘制的规划线路是否显示描边。缺省为true
+ - `opts.outlineColor` **string?** 使用map属性时，绘制的规划线路的描边颜色。缺省为'white'
+ - `opts.autoFitView` **boolean?** 用于控制在路径规划结束后，是否自动调整地图视野使绘制的路线处于视口的可见范围
+
+### Examples
+
+```javascript
+var driving;
+mapObj.plugin(["AMap.TruckDriving"], function() { //加载驾车服务插件
+ var drivingOptions = {
+ //驾车策略，包括 LEAST_TIME，LEAST_FEE, LEAST_DISTANCE,REAL_TRAFFIC
+ policy: AMap.DrivingPolicy.LEAST_TIME
+ };
+ driving = new AMap.TruckDriving(drivingOptions);
+ AMap.Event.addListener(driving, "complete", driving_CallBack); //返回导航查询结果
+ //根据起终点坐标规划驾车路线
+ MDrive.search(new AMap.LngLat(116.379018, 39.865026), new AMap.LngLat(116.42732, 39.903752));
+});
+```
+
+```javascript
+var TruckDriving;
+mapObj.plugin(["AMap.TruckDriving"], function() { //加载驾车服务插件
+ var TruckDrivingOptions = {
+ //驾车策略，包括 LEAST_TIME，LEAST_FEE, LEAST_DISTANCE,REAL_TRAFFIC
+ policy: AMap.TruckDrivingPolicy.LEAST_TIME
+ };
+ TruckDriving = new AMap.TruckDriving(TruckDrivingOptions);
+ AMap.Event.addListener(TruckDriving, "complete", TruckDriving_CallBack); //返回导航查询结果
+ //根据起终点坐标规划驾车路线
+ MDrive.search(new AMap.LngLat(116.379018, 39.865026), new AMap.LngLat(116.42732, 39.903752));
+});
+```
+
+### clear
+
+清除搜索结果
+
+### search
+
+根据起点、终点和途经点（可选）坐标或名称，实现驾车路线规划，途经点通过opts设定
+
+#### Parameters
+
+- `locations` **Array<Truck~Location>** 途经点列表
+ - `locations.location` **Truck~Location** 某一个途经点
+ - `locations.location.lnglat` **\[number, number]** 经纬度
+ - `locations.location.pid` **string** POI ID,可缺省
+ - `locations.location.type` **string** POI类型，可缺省
+- `callback` **DrivingCallback** status为complete时，result为TruckResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果。
+
+### search
+
+根据起点、终点和途经点（可选）坐标或名称，实现驾车路线规划，途经点通过opts设定
+
+#### Parameters
+
+- `points` **Array<Truck~Path>** 途经点列表 例如 : [{keyword:'北京站',city:'010'},//起点
+ {keyword:'北京西站',city:'010'},//途径
+ {keyword:'北京大学',city:'010'}//终点
+ ]
+ - `points.point` **Truck~Path** 某个途经点
+ - `points.point.keyworkd` **string** 关键字
+ - `points.point.city` **string** 城市code
+- `callback` **DrivingCallback** status为complete时，result为TruckResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果。
+
+### setProvinceAndNumber
+
+修改车牌号
+
+#### Parameters
+
+- `province` **string**
+- `number` **number**
+
+### setPolicy
+
+设置驾车路线规划策略,参考opts.policy
+
+#### Parameters
+
+- `policy` **Object** 驾车路线规划策略，参考opts.policy
+
+## Walking
+
+步行路线规划服务，提供起、终点坐标的驾车导航路线[查询功能][119]。AMap. Driving构造函数的参数为 DrivingOptions 对象。DrivingOptions 允许设置驾车策略和返回信息详略。用户可以通过自定义回调函数取回并显示查询结果。若服务请求失败，系统将返回[错误信息][116]
+
+### Parameters
+
+- `opts` **WalkingOptions** 参数信息
+ - `opts.map` **Map** AMap.Map对象, 展现结果的地图实例。当指定此参数后，搜索结果的标注、线路等均会自动添加到此地图上。可选
+ - `opts.panel` **(string \| HTMLElement)?** 结果列表的HTML容器id或容器元素，提供此参数后，结果列表将在此容器中进行展示。可选
+ - `opts.hideMarkers` **boolean** 设置隐藏路径规划的起始点图标
+ 设置为true：隐藏图标；设置false：显示图标\\n默认值为：false
+ 显示绿色代表畅通，黄色代表轻微拥堵，红色代表比较拥堵，灰色表示无路况信息。 (optional, default `false`)
+ - `opts.isOutline` **boolean?** 使用map属性时，绘制的规划线路是否显示描边。缺省为true
+ - `opts.outlineColor` **string?** 使用map属性时，绘制的规划线路的描边颜色。缺省为'white'
+ - `opts.autoFitView` **boolean?** 用于控制在路径规划结束后，是否自动调整地图视野使绘制的路线处于视口的可见范围
+
+### Examples
+
+```javascript
+var mwalk;
+ mapObj.plugin(["AMap.Walking"], function() { //加载步行导航插件
+ mwalk = new AMap.Walking (); //构造步行导航类
+ AMap.event.addListener(mwalk, "complete", walking_CallBack); //返回导航查询结果
+ //根据起、终点坐标规划步行路线
+ mwalk.search(new AMap.LngLat(116.379018, 39.865026), new AMap.LngLat(116.42732, 39.903752));
+ });
+```
+
+```javascript
+var mwalk;
+ mapObj.plugin(["AMap.Walking"], function() { //加载步行导航插件
+ mwalk = new AMap.Walking (); //构造步行导航类
+ AMap.Event.addListener(mwalk, "complete", walking_CallBack); //返回导航查询结果
+ //根据起、终点坐标规划步行路线
+ mwalk.search(new AMap.LngLat(116.379018, 39.865026), new AMap.LngLat(116.42732, 39.903752));
+ });
+```
+
+### clear
+
+清除搜索的结果
+
+### search
+
+根据起点、终点坐标，实现步行路线规划
+
+#### Parameters
+
+- `origin` **LngLat** 起点经纬度
+- `destination` **LngLat** 终点经纬度
+- `callback` **WalkingCallback** status为complete时，result为 WalkingResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果。
+
+### search
+
+根据起点、终点名称，实现步行路线规划
+
+#### Parameters
+
+- `points` **Array<Object>** 终点经纬度points为起点、终点和途经点（可选）名称及对应城市的数组，例如：
+ [{keyword:‘方恒国际中心A座’},{keyword:‘望京站’}]
+ 系统取数组第一个元素和最后一个元素作为起点和终点，中间元素为途经点；
+- `callback` **WalkingCallback** status为complete时，result为 WalkingResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果。
+
+## WalkingCallback
+
+Walking.search 的回调函数
+
+Type: Function
+
+### Parameters
+
+- `status` **string** status为complete时，result为 WalkingResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果
+- `result` **(info | WalkingResult)**
+
+## WalkingResult
+
+WalkingResult 对象
+
+Type: Object
+
+### Properties
+
+- `info` **string** 成功状态说明
+- `origin` **LngLat** 步行规划起点坐标
+- `destination` **LngLat** 步行规划终点坐标
+- `start` **Poi** 步行规划起点
+- `end` **Poi** 步行规划终点
+- `count` **number** 步行导航路段数目
+- `routes` **Array<WalkRoute>** 步行规划路线列表
+ - `routes.distance` **number** 起点到终点总步行距离，单位：米
+ - `routes.time` **number** 步行时间预计，单位：秒
+ - `routes.steps` **Array<WalkStep>** 路段列表，以道路名称作为分段依据，将整个步行导航方案分隔成若干路段
+ - `routes.steps.instruction` **string** 步行子路段描述,规则：沿 road步行 distance 米 action，例：”沿北京站街步行351米”
+ - `routes.steps.distance` **number** 步行子路段距离，单位：米
+ - `routes.steps.time` **number** 步行子路段预计使用时间，单位：秒
+ - `routes.steps.path` **Array<LngLat>** 步行子路段坐标集合
+ - `routes.steps.road` **string** 道路
+ - `routes.steps.action` **string** 本步行子路段完成后动作
+ - `routes.steps.assist_action` **string** 步行子路段完成后辅助动作，一般为到达某个公交站点或目的地时返回
+
+## Transfer
+
+公交换乘服务，提供起始点公交路线规划服务，目前公交换乘仅支持同一城市的公交路线规划，跨城市出行规划请参考驾车导航查询。公交换乘查询返回结果整合步行信息，若换乘路段（Segment）换乘类型为地铁 “SUBWAY”，则至少包含一条地铁口信息（SubwayEntrance）。用户可以通过自定义回调函数取回并显示查询结果。若服务请求失败，系统将返回错误信息。
+
+### Parameters
+
+- `opts` **DrivingOptions** 参数信息
+ - `opts.map` **Map** AMap.Map对象, 展现结果的地图实例。当指定此参数后，搜索结果的标注、线路等均会自动添加到此地图上。可选
+ - `opts.city` **string** 公交换乘的城市，支持城市名称、城市区号、电话区号，此项为必填
+ - `opts.policy` **number** [公交换乘策略strategy][122]
+ - `opts.nightflag` **boolean** 是否计算夜班车，默认为不计算。true：计算，false：不计算 (optional, default `false`)
+ - `opts.extensions` **string** 默认值：base，返回基本地址信息\\n当取值为：all，返回DriveStep基本信息+DriveStep详细信息 (optional, default `'base'`)
+ - `opts.panel` **(string \| HTMLElement)?** 结果列表的HTML容器id或容器元素，提供此参数后，结果列表将在此容器中进行展示。可选
+ - `opts.hideMarkers` **boolean** 设置隐藏路径规划的起始点图标
+ 设置为true：隐藏图标；设置false：显示图标\\n默认值为：false (optional, default `false`)
+ - `opts.isOutline` **boolean?** 使用map属性时，绘制的规划线路是否显示描边。缺省为true
+ - `opts.outlineColor` **string?** 使用map属性时，绘制的规划线路的描边颜色。缺省为'white'
+ - `opts.autoFitView` **boolean?** 用于控制在路径规划结束后，是否自动调整地图视野使绘制的路线处于视口的可见范围
+
+### Examples
+
+```javascript
+var trans;
+mapObj.plugin(["AMap.Transfer"], function() { //加载公交换乘插件
+ transOptions = {
+ city: '北京市', //公交城市
+ policy: AMap.TransferPolicy.LEAST_TRANSFER //乘车策略
+ };
+ trans = new AMap.Transfer (transOptions); //构造公交换乘类
+ AMap.Event.addListener(trans, "complete", trans_CallBack); //返回导航查询结果
+ AMap.Event.addListener(trans, "error", function(e){alert(e.info);}); //返回错误信息
+ //根据起、终点坐标查询公交换乘路线
+ trans.search(new AMap.LngLat(116.379018, 39.865026), new AMap.LngLat(116.42732, 39.903752));
+});
+```
+
+### search
+
+根据起点和终点坐标，进行公交换乘查询
+
+#### Parameters
+
+- `origin` **LngLat** 起点经纬度
+- `destination` **LngLat** 终点经纬度
+- `callback` **TransferCallback** status为complete时，result为DrivingResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果。
+
+### search
+
+根据起点和终点坐标，进行公交换乘查询
+
+#### Parameters
+
+- `points` **Array<Object>** 当根据起、终点名称查询时，point为包含起点、终点的数组，例：
+ [{keyword:‘北京南站’},{keyword:‘北京西站’}]
+ 当数组超过两个元素时，取前两个元素为起点、终点，其余元素忽略
+- `callback` **TransferCallback** status为complete时，result为DrivingResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果。
+
+### leaveAt
+
+设置公交路径规划出发时间
+
+#### Parameters
+
+- `time` **string**
+- `date` **string**
+
+### clear
+
+清除结果显示
+
+### setPolicy
+
+设置公交换乘策略
+
+#### Parameters
+
+- `policy` **TransferPolicy** 公交换乘策略
+
+### setCity
+
+设置公交换乘查询的城市
+
+#### Parameters
+
+- `city` **String** 城市
+
+### setCityd
+
+设置公交换乘查询的目的地城市
+
+#### Parameters
+
+- `cityd` **String** 城市
+
+## TransferCallback
+
+Transfer.search 的回调函数 [相关示例][124]
+
+Type: Function
+
+### Parameters
+
+- `status` **string** 当status为complete时，result为TransferResult；
+ 当status为error时，result为错误信息info；
+ 当status为no_data时，代表检索返回0结果
+- `result` **(info | TransferResult)**
+
+## TransferResult
+
+TransferResult 对象 [详细文档][122],查阅rest接口 '返回结果参数说明'
+
+Type: Object
+
+## Riding
+
+骑行路线规划服务，提供起、终点坐标的驾车导航路线[查询功能][119]。AMap. Driving构造函数的参数为 DrivingOptions 对象。DrivingOptions 允许设置驾车策略和返回信息详略。用户可以通过自定义回调函数取回并显示查询结果。若服务请求失败，系统将返回[错误信息][116]
+
+### Parameters
+
+- `opts` **RidingOptions** 参数信息
+ - `opts.map` **Map** AMap.Map对象, 展现结果的地图实例。当指定此参数后，搜索结果的标注、线路等均会自动添加到此地图上。可选
+ - `opts.policy` **number** 骑行路线规划策略；默认值：0可选值为：
+ 0：推荐路线及最快路线综合
+ 1：推荐路线
+ 2：最快路线 (optional, default `0`)
+ - `opts.panel` **(string \| HTMLElement)?** 结果列表的HTML容器id或容器元素，提供此参数后，结果列表将在此容器中进行展示。可选
+ - `opts.hideMarkers` **boolean** 设置隐藏路径规划的起始点图标
+ 设置为true：隐藏图标；设置false：显示图标\\n默认值为：false
+ 显示绿色代表畅通，黄色代表轻微拥堵，红色代表比较拥堵，灰色表示无路况信息。 (optional, default `false`)
+ - `opts.isOutline` **boolean?** 使用map属性时，绘制的规划线路是否显示描边。缺省为true
+ - `opts.outlineColor` **string?** 使用map属性时，绘制的规划线路的描边颜色。缺省为'white'
+ - `opts.autoFitView` **boolean?** 用于控制在路径规划结束后，是否自动调整地图视野使绘制的路线处于视口的可见范围
+
+### Examples
+
+```javascript
+var mwalk;
+ mapObj.plugin(["AMap.Riding"], function() { //加载步行导航插件
+ mwalk = new AMap.Riding (); //构造步行导航类
+ AMap.Event.addListener(mwalk, "complete", riding_CallBack); //返回导航查询结果
+ //根据起、终点坐标规划步行路线
+ mwalk.search(new AMap.LngLat(116.379018, 39.865026), new AMap.LngLat(116.42732, 39.903752));
+ });
+```
+
+### clear
+
+清除搜索的结果
+
+### setPolicy
+
+骑行路线规划策略
+
+#### Parameters
+
+- `policy` **number** 可选值为：
+ 0：推荐路线及最快路线综合
+ 1：推荐路线
+ 2：最快路线
+
+### search
+
+根据起点、终点坐标，实现骑行路线规划
+
+#### Parameters
+
+- `origin` **LngLat** 起点经纬度
+- `destination` **LngLat** 终点经纬度
+- `callback` **RidingCallback** status为complete时，result为 RidingResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果。
+
+### search
+
+根据起点、终点名称，实现骑行路线规划
+
+#### Parameters
+
+- `points` **Array<Object>** 包含起点、终点的数组，例：[{keyword:‘方恒国际中心A座’},{keyword:‘望京站’}]
+ 当数组超过两个元素时，取前两个元素为起点、终点，其余元素忽略；
+- `callback` **RidingCallback** status为complete时，result为 RidingResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果。
+
+## RidingCallback
+
+Riding.search 的回调函数
+
+Type: Function
+
+### Parameters
+
+- `status` **string** status为complete时，result为 RidingResult；当status为error时，result为错误信息info；当status为no_data时，代表检索返回0结果
+- `result` **(info | RidingResult)**
+
+## RidingResult
+
+RidingResult [详细文档][128],查阅rest接口'返回结果参数说明'
+
+Type: Object
+
+## DragRoute
+
+### Parameters
+
+- `map` **Map** 指定的地图对象
+- `path` **Array<LngLat>** 导航的起点、途经点、终点的经纬度坐标数组
+- `policy` **String** [指定驾车策略][110]
+- `opts` **DragRouteOptions** 配置项
+ - `opts.polyOption` **PolylineOptions?** 设置拖拽路线插件的路线属性对象，包括线样式、宽度、颜色等，参考PolylineOptions列表
+ - `opts.startMarkerOptions` **MarkerOptions?** 设置拖拽路线插件起点点标记属性对象，包括点标记样式、大小等，参考MarkerOptions列表
+ - `opts.midMarkerOptions` **MarkerOptions?** 设置拖拽路线插件途经点点标记属性对象，包括点标记样式、大小等，参考MarkerOptions列表
+ - `opts.endMarkerOptions` **MarkerOptions?** 设置拖拽路线插件终点点标记属性对象，包括点标记样式、大小等，参考MarkerOptions列表
+ - `opts.showTraffic` **boolean** 设置显示实时路况信息，true：路线中显示实时路况信息，false：关闭实时路况信息。 默认值：true (optional, default `true`)
+
+### Examples
+
+```javascript
+var arr = new Array();//经纬度坐标数组
+arr.push(new AMap.LngLat("116.403322","39.920255")); //初始的导航起点
+arr.push(new AMap.LngLat("116.420703","39.897555")); //初始的导航途经点
+arr.push(new AMap.LngLat("116.430703","39.897555")); //初始的导航途经点
+arr.push(new AMap.LngLat("116.410703","39.897555")); //初始的导航终点
+AMap.plugin(['AMap.DragRoute'],function(){
+ dragRoute = new AMap.DragRoute(mapObj, arr, AMap.DrivingPolicy.LEAST_FEE);
+ dragRoute.search(); //查询导航路径并开启拖拽导航
+});
+```
+
+### search
+
+开始路径导航。支持鼠标拖拽导航路径节点，更改途经点时，系统实时重新计算并显示导航路径
+
+### getWays
+
+返回除了起点和终点之外的所有点返回导航的所有途经点，即所有途径点的坐标数组
+
+Returns **Array<LngLat>** 所有途经点坐标
+
+### getRoute
+
+返回当前导航路径，即导航路径的经纬度坐标数组
+
+Returns **Array<LngLat>** 当前导航路径
+
+### destroy
+
+销毁拖拽导航插件。
+
+## DragRouteTruck
+
+可拖拽货车路径规划
+
+### Parameters
+
+- `map` **Map** 指定的地图对象
+- `opts` **DragRouteTruckOptions** 配置项
+ - `opts.polyOption` **PolylineOptions?** 设置拖拽路线插件的路线属性对象，包括线样式、宽度、颜色等，参考PolylineOptions列表
+ - `opts.startMarkerOptions` **MarkerOptions?** 设置拖拽路线插件起点点标记属性对象，包括点标记样式、大小等，参考MarkerOptions列表
+ - `opts.midMarkerOptions` **MarkerOptions?** 设置拖拽路线插件途经点点标记属性对象，包括点标记样式、大小等，参考MarkerOptions列表
+ - `opts.endMarkerOptions` **MarkerOptions?** 设置拖拽路线插件终点点标记属性对象，包括点标记样式、大小等，参考MarkerOptions列表
+ - `opts.showTraffic` **boolean** 设置显示实时路况信息，true：路线中显示实时路况信息，false：关闭实时路况信息。 默认值：true (optional, default `true`)
+ - `opts.policy` **number?** 驾车路线规划策略
+ 1躲避拥堵
+ 2不走高速
+ 3避免收费
+ 4躲避拥堵且不走高速
+ 5避免收费且不走高速
+ 6躲避拥堵且避免收费
+ 7躲避拥堵且避免收费且不走高速
+ 8高速优先
+ 9躲避拥堵且高速优先
+ - `opts.size` **number** 车型大小，必填，1-4分别对应小型至大型
+ - `opts.width` **number** 宽度，缺省2.5米 (optional, default `2.5`)
+ - `opts.height` **number** 高度,缺省1.6米 (optional, default `1.6`)
+ - `opts.load` **number** 载重,缺省0.9t (optional, default `0.9`)
+ - `opts.weight` **number** 自重，缺省10t (optional, default `10`)
+ - `opts.axlesNum` **number** 轴数，缺省2轴 (optional, default `2`)
+ - `opts.extensions` **string** 默认值：base，返回基本地址信息\\n当取值为：all，返回DriveStep基本信息+DriveStep详细信息 (optional, default `'base'`)
+ - `opts.panel` **(string \| HTMLElement)?** 结果列表的HTML容器id或容器元素，提供此参数后，结果列表将在此容器中进行展示。可选
+ - `opts.hideMarkers` **boolean** 设置隐藏路径规划的起始点图标
+ 设置为true：隐藏图标；设置false：显示图标\\n默认值为：false (optional, default `false`)
+ - `opts.showTraffic` **boolean?** 设置是否显示实时路况信息，默认设置为true。
+ 显示绿色代表畅通，黄色代表轻微拥堵，红色代表比较拥堵，灰色表示无路况信息。
+ - `opts.province` **string?** 车牌省份的汉字缩写，用于判断是否限行，与number属性组合使用，可选。例如：京
+ - `opts.number` **string?** 除省份之外车牌的字母和数字，用于判断限行相关，与province属性组合使用，可选。例如:NH1N11
+ - `opts.isOutline` **boolean?** 使用map属性时，绘制的规划线路是否显示描边。缺省为true
+ - `opts.outlineColor` **string?** 使用map属性时，绘制的规划线路的描边颜色。缺省为'white'
+ - `opts.autoFitView` **boolean?** 用于控制在路径规划结束后，是否自动调整地图视野使绘制的路线处于视口的可见范围
+ - `opts.cartype` **number** 车辆类型 0：普通货车（默认值）1：纯电动货车 2：插电混动货车 (optional, default `0`)
+ - `opts.showpolyline` **number** 是否返回路线数据 当取值为1时，steps与tmcs下的polyline数据会正常返回；当取值为0时，steps与tmcs下的polyline数据为空。 (optional, default `1`)
+ - `opts.nosteps` **number** 是否返回steps字段内容 当取值为0时，steps字段内容正常返回；当取值为1时，steps字段内容为空。 (optional, default `1`)
+ - `opts.autoRefresh` **boolean** 是否拖拽后自动更新驾车轨迹 (optional, default `true`)
+ - `opts.refreshTime` **number** 拖拽后自动更新的延迟时间 (optional, default `300`)
+ - `opts.apiVersion` **number** 货车接口版本支持 'v4','v5' (optional, default `'v4'`)
+ - `opts.showFields` **string?** 仅 v5货车接口版本支持 1、具体可指定返回的字段类请见下方返回结果说明中的“show_fields”内字段类型；
+ 2、多个字段间采用“,”进行分割；
+ 3、show_fields未设置时，只返回基础信息类内字段；
+ 4、目前取值支持以下四种："toll_gate"，"cameras"，"general"，"incident"；
+ "toll_gate"：收费站信息
+ "cameras"：电子眼信息
+ "general"：交通设施信息
+ "incident"：交通事件信息
+
+### Examples
+
+```javascript
+var arr = new Array();//经纬度坐标数组
+path.push({ lnglat: [116.303843, 39.983412] });//起点
+path.push({ lnglat: [116.321354, 39.896436] });//途径
+path.push({ lnglat: [116.407012, 39.992093] });//终点
+AMap.plugin(['AMap.DragRouteTruck'],function(){
+ dragRoute = new AMap.DragRouteTruck(mapObj, opts);
+ dragRoute.search(path); //查询导航路径并开启拖拽导航
+});
+```
+
+### setAvoidPolygons
+
+设置避让区域，最大支持三个避让区域，参数为LngLat的二维数组
+
+#### Parameters
+
+- `areas` **Array<Array<LngLatLike>>**
+
+### clearAvoidPolygons
+
+清除避让区域
+
+### getAvoidPolygons
+
+获取避让区域，返回LngLat的二维数组
+
+Returns **Array<Array<LngLat>>** 避让区域
+
+### search
+
+开始路径导航。支持鼠标拖拽导航路径节点，更改途经点时，系统实时重新计算并显示导航路径
+
+#### Parameters
+
+- `locations` : Array<{lnglat:LngLatLike}>
+
+### updatePath
+
+手动更新路径。设置 autoRefresh 为 false 之后，通过调用这个方法来手动更新路径规划
+
+### getWays
+
+返回除了起点和终点之外的所有点返回导航的所有途经点，即所有途径点的坐标数组
+
+Returns **Array<LngLat>** 所有途经点坐标
+
+### getRoute
+
+返回当前导航路径，即导航路径的经纬度坐标数组
+
+Returns **Array<LngLat>** 当前导航路径
+
+### destroy
+
+销毁拖拽导航插件。
+
+### setOption
+
+修改配置项
+
+#### Parameters
+
+- `opts` **Object**
+ - `opts.policy` **number?** 驾车路线规划策略
+ 1躲避拥堵
+ 2不走高速
+ 3避免收费
+ 4躲避拥堵且不走高速
+ 5避免收费且不走高速
+ 6躲避拥堵且避免收费
+ 7躲避拥堵且避免收费且不走高速
+ 8高速优先
+ 9躲避拥堵且高速优先
+ - `opts.size` **number** 车型大小，必填，1-4分别对应小型至大型
+ - `opts.width` **number** 宽度，缺省2.5米 (optional, default `2.5`)
+ - `opts.height` **number** 高度,缺省1.6米 (optional, default `1.6`)
+ - `opts.load` **number** 载重,缺省0.9t (optional, default `0.9`)
+ - `opts.weight` **number** 自重，缺省10t (optional, default `10`)
+ - `opts.axlesNum` **number** 轴数，缺省2轴 (optional, default `2`)
+ - `opts.extensions` **string** 默认值：base，返回基本地址信息\\n当取值为：all，返回DriveStep基本信息+DriveStep详细信息 (optional, default `'base'`)
+ - `opts.panel` **(string \| HTMLElement)?** 结果列表的HTML容器id或容器元素，提供此参数后，结果列表将在此容器中进行展示。可选
+ - `opts.hideMarkers` **boolean** 设置隐藏路径规划的起始点图标
+ 设置为true：隐藏图标；设置false：显示图标\\n默认值为：false (optional, default `false`)
+ - `opts.showTraffic` **boolean?** 设置是否显示实时路况信息，默认设置为true。
+ 显示绿色代表畅通，黄色代表轻微拥堵，红色代表比较拥堵，灰色表示无路况信息。
+ - `opts.province` **string?** 车牌省份的汉字缩写，用于判断是否限行，与number属性组合使用，可选。例如：京
+ - `opts.number` **string?** 除省份之外车牌的字母和数字，用于判断限行相关，与province属性组合使用，可选。例如:NH1N11
+ - `opts.isOutline` **boolean?** 使用map属性时，绘制的规划线路是否显示描边。缺省为true
+ - `opts.outlineColor` **string?** 使用map属性时，绘制的规划线路的描边颜色。缺省为'white'
+ - `opts.autoFitView` **boolean?** 用于控制在路径规划结束后，是否自动调整地图视野使绘制的路线处于视口的可见范围
+ - `opts.cartype` **number** 车辆类型 0：普通货车（默认值）1：纯电动货车 2：插电混动货车 (optional, default `0`)
+ - `opts.showpolyline` **number** 是否返回路线数据 当取值为1时，steps与tmcs下的polyline数据会正常返回；当取值为0时，steps与tmcs下的polyline数据为空。 (optional, default `1`)
+ - `opts.nosteps` **number** 是否返回steps字段内容 当取值为0时，steps字段内容正常返回；当取值为1时，steps字段内容为空。 (optional, default `1`)
+
+## GraspRoad
+
+**Extends AMap.Event**
+
+轨迹纠偏服务插件。用于将一组带方向的、可能偏离道路的经纬度轨迹，纠正为准确沿着道路的一条经纬度路径。比如根据间隔采集的车辆位置和朝向信息生成行驶轨迹
+
+### driving
+
+用于驾车轨迹的纠偏。
+
+#### Parameters
+
+- `OriginPath` **Array<Object>**
+ - `OriginPath.x` **number** 经度
+ - `OriginPath.y` **number** 纬度
+ - `OriginPath.ag` **number** 与正北方向的顺时针夹角，[ 0, 360 ]
+ - `OriginPath.tm` **number** 轨迹点采集的时间，以s为单位 OriginPath数组第一个元素的tm值为从1970年开始的unix的时间戳，精确到秒。
+ 其余元素的tm值为当前采集点的时间减去第一个元素的采集时间的差值
+ - `OriginPath.sp` **number** 轨迹点的速度，单位 km/h，小数、整数均可
+- `callback` **GraspRoadCallback** 回调函数
+
+## GraspRoadCallback
+
+Type: Function
+
+### Parameters
+
+- `err` **Object** 正确时为空
+- `GraspedPath` **Object** 返回数据，[详查rest文档][131]
+ - `GraspedPath.distance` **number** 总距离
+ - `GraspedPath.data` **Object**
+ - `GraspedPath.data.points` **Array<Object>** 轨迹点数据
+ - `GraspedPath.data.points.x` **number** 经度
+ - `GraspedPath.data.points.x` **number** 纬度
diff --git a/.agents/skills/amap-jsapi-skill/references/api/search.md b/.agents/skills/amap-jsapi-skill/references/api/search.md
new file mode 100644
index 0000000..4530508
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/api/search.md
@@ -0,0 +1,369 @@
+## 搜索
+
+用于进行 POI 搜索联想与数据查询的相关类型
+
+
+## AutoComplete
+
+根据输入关键字提示匹配信息，可将Poi类型和城市作为输入提示的限制条件。用户可以通过自定义回调函数取回并显
+
+### Parameters
+
+- `opts` **object** 输入提示参数
+ - `opts.type` **string** 输入提示时限定POI类型，多个类型用“|”分隔，目前只支持Poi类型编码如“050000” 默认值：所有类别
+ - `opts.city` **string** 输入提示时限定城市。可选值：城市名（中文或中文全拼）、citycode、adcode；默认值：“全国”
+ - `opts.datatype` **string** 返回的数据类型。可选值：all-返回所有数据类型、poi-返回POI数据类型、bus-返回公交站点数据类型、busline-返回公交线路数据类型目前暂时不支持多种类型
+ - `opts.citylimit` **boolean** 是否强制限制在设置的城市内搜索,默认值为：false，true：强制限制设定城市，false：不强制限制设定城市
+ - `opts.input` **(string \| HTMLDivElement)** 可选参数，用来指定一个input输入框，设定之后，在input输入文字将自动生成下拉选择列表。支持传入输入框DOM对象的id值，或直接传入输入框的DOM对象。
+ - `opts.output` **(string \| HTMLDivElement)** 可选参数，指定一个现有的div的id或者元素，作为展示提示结果的容器，当指定了input的时候有效，缺省的时候将自动创建一个显示结果面板
+ - `opts.outPutDirAuto` **boolean** 默认为true，表示是否在input位于页面较下方的时候自动将输入面板显示在input上方以避免被遮挡
+ - `opts.closeResultOnScroll` **boolean** 页面滚动时关闭搜索结果列表，默认 true
+ - `opts.lang` **string** 设置检索语言类型，默认中文 'zh_cn'
+
+### Examples
+
+```javascript
+var auto;
+//加载输入提示插件
+map.plugin(['AMap. Autocomplete'], function() {
+ let autoOptions = {
+ city: '010' //城市，默认全国
+ };
+ auto = new AMap.Autocomplete(autoOptions);
+}};
+```
+
+### setType
+
+设置提示Poi类型，多个类型用“|”分隔，POI相关类型请在网站“相关下载”处下载，目前只支持Poi类型编码如“050000” 默认值：所有类别
+
+#### Parameters
+
+- `type` **String** 提示Poi类型
+
+### setCity
+
+设置城市
+
+#### Parameters
+
+- `city` **String** 城市
+
+### setCityLimit
+
+设置是否强制限制城市
+
+#### Parameters
+
+- `citylimit` **boolean** 是否强制限制城市
+
+### search
+
+根据输入关键字提示匹配信息，支持中文、拼音
+
+#### Parameters
+
+- `keyword` **String** 关键字
+- `callback` **AutoCompleteSearchCallback** 搜索结果回调
+
+## AutoCompleteSearchCallback
+
+搜索结果回调
+
+Type: function
+
+### Parameters
+
+- `status` **string** 返回信息状态 可取值：'complete': result 为 AutocompleteResult; 'error': result为错误信息；'no_data': result 为 0
+- `result` **searchResult** 返回结果详细信息
+ - `result.info` **string** 查询状态说明
+ - `result.count` **number** 输入提示条数
+ - `result.tips` **Array<Tip>** 输入提示列表
+ - `result.tips.name` **string** 名称
+ - `result.tips.district` **string** 所属区域
+ - `result.tips.adcode` **string** 区域编码
+
+## PlaceSearch
+
+地点搜索服务插件，提供某一特定地区的位置查询服务。
+
+### Examples
+
+```javascript
+mapObj.plugin(['AMap.PlaceSearch'], function() {
+ var PlaceSearchOptions = { //设置PlaceSearch属性
+ city: "北京", //城市
+ type: "", //数据类别
+ pageSize: 10, //每页结果数,默认10
+ pageIndex: 1, //请求页码，默认1
+ extensions: "base" //返回信息详略，默认为base（基本信息）
+ };
+ var MSearch = new AMap.PlaceSearch(PlaceSearchOptions); //构造PlaceSearch类
+ AMap.event.addListener(MSearch, "complete", keywordSearch_CallBack); //返回结果
+ MSearch.search('方恒国际中心'); //关键字查询
+});
+```
+
+### search
+
+根据输入关键字提示匹配信息，支持中文、拼音
+
+#### Parameters
+
+- `keyword` **string** 关键字
+- `callback` **searchCallback** 搜索结果回调
+
+### searchInBounds
+
+根据范围和关键词进行范围查询
+
+#### Parameters
+
+- `keyword` **string** 关键词
+- `bounds` **AMap.Bounds** 范围
+- `callback` **searchCallback** 搜索结果回调
+
+### searchNearBy
+
+根据中心点经纬度、半径以及关键字进行周边查询 radius取值范围：0-50000
+
+#### Parameters
+
+- `keyword` **string** 关键字
+- `center` **AMap.LngLat** 中心点经纬度
+- `radius` **number** 半径
+
+### getDetails
+
+根据PGUID 查询POI 详细信息
+
+#### Parameters
+
+- `PGUID` **string** PGUID
+
+### setType
+
+设置查询类别，多个类别用“|”分割
+
+#### Parameters
+
+- `type` **string** 类别
+
+### setPageIndex
+
+设置显示查询结果页码
+
+#### Parameters
+
+- `pageIndex` **number** 结果页码
+
+### setPageSize
+
+设置每页显示查询结果数量
+
+#### Parameters
+
+- `pageSize` **number** 页数
+
+### setCity
+
+设置查询城市, 支持cityname（中文或中文全拼）、citycode、adcode
+
+#### Parameters
+
+- `city` **string** 城市标识
+
+### setCityLimit
+
+设置是否强制限制城市
+
+#### Parameters
+
+- `citylimit` **boolean** 是否开启
+
+### poiOnAMAP
+
+唤起高德地图客户端marker页
+Object 参数：{
+ id: "B000A7BD6C", POIID
+ name:String, 必要参数
+ location:LngLat|position属性 必须参数
+}
+例如：{
+ id: "B000A7BD6C",
+ location: LngLat,
+ name: "清华大学",
+ address: "地址"
+}
+
+#### Parameters
+
+- `p`
+- `opts` **object** 调起参数
+
+### detailOnAMAP
+
+唤起高德地图客户端POI详情页
+Object 参数：{
+ id: "B000A7BD6C", POIID
+ name:String, 必要参数
+ location:LngLat|position属性 必须参数
+}
+
+#### Parameters
+
+- `p`
+- `opts` **object** 调起
+
+## searchCallback
+
+搜索结果回调
+
+Type: function
+
+### Parameters
+
+- `status` **string** 返回信息状态 可取值：'complete': result 为 AutocompleteResult; 'error': result为错误信息；'no_data': result 为 0
+- `result` **SearchResult** 返回结果详细信息
+ - `result.info` **string** 成功状态说明
+ - `result.keywordList` **Array<keyword>** 发生事件且查无此关键字时，返回建议关键字列表，可根据建议关键字查询
+ - `result.cityList` **Array<cityInfo>** 发生事件且查无此关键字且 city 为“全国”时，返回城市建议列表，该列表中每个城市包含一个或多个相关Poi点信息
+ - `result.cityList.name` **string** 建议城市名称
+ - `result.cityList.citycode` **string** 城市编码
+ - `result.cityList.adcode` **string** 行政区编码
+ - `result.cityList.count` **string** 该城市的建议结果数目
+ - `result.poiList` **object** 发生事件时返回兴趣点列表
+ - `result.poiList.pageIndex` **number** 页码
+ - `result.poiList.pageSize` **number** 单页结果数
+ - `result.poiList.count` **number** 查询结果总数
+ - `result.poiList.pois` **Array<POI>** Poi列表
+ - `result.poiList.pois.id` **string** 兴趣点id
+ - `result.poiList.pois.name` **string** 名称
+ - `result.poiList.pois.type` **string** 兴趣点类型
+ - `result.poiList.pois.location` **LngLat** 兴趣点经纬度
+ - `result.poiList.pois.address` **string** 地址
+ - `result.poiList.pois.distance` **number** 离中心点距离，仅周边查询返回
+ - `result.poiList.pois.tel` **string** 电话
+ - `result.poiList.pois.website` **string** 网址
+ - `result.poiList.pois.pcode` **string** poi所在省份编码
+ - `result.poiList.pois.citycode` **string** poi所在城市编码
+ - `result.poiList.pois.adcode` **string** poi所在区域编码
+ - `result.poiList.pois.postcode` **string** 邮编
+ - `result.poiList.pois.pname` **string** poi所在省份
+ - `result.poiList.pois.cityname` **string** poi所在城市名称
+ - `result.poiList.pois.adname` **string** poi所在行政区名称
+ - `result.poiList.pois.email` **string** 电子邮箱
+ - `result.poiList.pois.entr_location` **LngLat** 入口经纬度，POI点有出入口信息时返回，否则返回空字符串
+ - `result.poiList.pois.exit_location` **LngLat** 出口经纬度，POI点有出入口信息时返回，否则返回空字符串
+
+## CloudDataSearch
+
+云数据检索服务类
+
+### Parameters
+
+- `tableid` **string**
+- `opts` **CloudDataSearchOptions**
+ - `opts.map` **Map** AMap.Map对象, 展现结果的地图实例。当指定此参数后，搜索结果的标注、线路等均会自动添加到此地图上。可选值
+ - `opts.keywords` **string** 云检索关键字，仅支持对建立了文本索引的字段进行模糊检索（请在[云数据管理平台][100]中管理文本索引）
+ - `opts.filter` **string** 云检索的筛选条件,仅支持对建立了排序筛选索引的字段进行筛选（请在云数据管理平台中管理排序筛选索引）；支持多个筛选条件，支持对文本字段的精确匹配和对数值字段的区间筛选。筛选条件之间使用“+”代表“与”关系,如：filter:"\_name:酒店+star:[3,5]"(等同于SOL语句的：WHERE_name="酒店" AND star BETWEEN 3 AND 5)
+ - `opts.orderBy` **string** 返回数据的排序规则。1.支持系统预设排序规则：\_distance：坐标与中心点距离升序排序（仅对周边检索有效；）\_weight：权重降序排序。默认值：1)当设置了keywords时，默认按"\_weight"权重排序；2)当未设置keywords时，默认按"\_distance"距离排序。2.支持对建立了排序筛选索引的整数或小数字段进行排序（请在云数据管理平台中管理排序筛选索引）。升降序分别为"ASC"、"DESC",若仅填字段不填升降序则默认按升序排列，如：orderBy:"age:ASC"
+ - `opts.pageSize` **number** 单页显示结果数，取值范围[0-100],超过取值范围取默认值，默认：20
+ - `opts.pageIndex` **number** 当前页码，取值>=1,默认1
+ - `opts.panel` **(string \| HTMLElement)** 结果列表的HTML容器id或容器元素，提供此参数后，结果列表将在此容器中进行展示。可选值
+ - `opts.autoFitView` **boolean** 用于控制在搜索结束后，是否自动调整地图视野使绘制的Marker点都处于视口的可见范围
+
+### Examples
+
+```javascript
+AMap.plugin('AMap.CloudDataSearch'， function(){
+ var map = new AMap.Map("map", {
+ resizeEnable: true,
+ zoom: 12 //地图显示的缩放级别
+ });
+ var search, center = new AMap.LngLat(116.39946, 39.910829);
+ var searchOptions = {
+ map: map,
+ panel: 'panel',
+ keywords: '',
+ pageSize: 5,
+ orderBy: '_id:ASC'
+ };
+ search = new AMap.CloudDataSearch('532b9b3ee4b08ebff7d535b4', searchOptions);
+ search.searchNearBy(center, 1000);
+});
+```
+
+### setOptions
+
+设置云数据检索属性
+
+#### Parameters
+
+- `opts` **CloudDataSearchOptions**
+
+### clear
+
+清除搜索结果
+
+### searchNearBy
+
+周边检索，根据指定的中心点和半径检索位置数据。
+
+#### Parameters
+
+- `center` **LngLat** 搜索中心
+- `radius` **number** 取值范围[0-50000]，超过取值范围按3000，单位：米
+- `callback` **CloudDataSearchCallback** 搜索回调
+
+### searchById
+
+根据数据id检索位置数据，id检索时不需要设置CloudDataSearchOptions
+
+#### Parameters
+
+- `id` **string**
+- `callback` **CloudDataSearchCallback** 搜索回调
+
+### searchByDistrict
+
+根据行政区划（包括全国/省/市/区县）名称，检索行政区划内位置数据.
+
+#### Parameters
+
+- `district` **string** district为“全国”，则对全表搜索当district非法或不正确时，按照district为“全国”返回
+- `callback` **CloudDataSearchCallback** 搜索回调
+
+### searchInPolygon
+
+多边形检索，根据给定的多边形节点坐标数组，检索位置数据。如果数组只有两个坐标元素，则认为多边形为矩形，这两个点为矩形的左下、右上点。多边形坐标数组的起、终点必须保证多边形闭合（起、终点坐标相同）
+
+#### Parameters
+
+- `path` **Array<LngLat>** 检索范围路径
+- `callback` **CloudDataSearchCallback** 搜索回调
+
+## CloudDataSearchCallback
+
+搜索结果回调
+
+Type: function
+
+### Parameters
+
+- `status` **string** 返回信息状态 可取值：'complete': result 为 AutocompleteResult; 'error': result为错误信息；'no_data': result 为 0
+- `result` **object** 返回结果详细信息
+ - `result.info` **string** 成功状态文字描述
+ - `result.count` **number** 查询结果总数
+ - `result.datas` **Array<CloudData>** 云数据数组，当根据数据id检索时，数据仅包含一个CloudData
+ - `result._id` **string** 数据id，id为数据唯一标识
+ - `result._name` **string** 名称
+ - `result._location` **LngLat** 坐标
+ - `result._address` **string** 地址
+ - `result._updatetime` **string** 数据更新时间
+ - `result._distance` **number** 距离中心点距离(仅周边查询时返回)
+ - `result.custom_field1` **any** 用户自定义字段1
+ - `result._image` **Array<Image>** 图片信息
+ - `result._image._id` **string** 图片的id标识
+ - `result._image._preurl` **string** 经过压缩处理的图片地址,尺寸为400\*400，若期望获取体积较小的图片文件，建议使用此地址
+ - `result._image._url` **string** 最大限制获取1024\*1024，若您的原始图片小于该尺寸，将返回原图。
diff --git a/.agents/skills/amap-jsapi-skill/references/api/services-other.md b/.agents/skills/amap-jsapi-skill/references/api/services-other.md
new file mode 100644
index 0000000..21e4be8
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/api/services-other.md
@@ -0,0 +1,355 @@
+## 其他服务
+
+行政区查询、天气查询、公交站点和公交线路查询
+
+
+## DistrictSearch
+
+**Extends AMap.Event**
+
+行政区查询服务（AMap.DistrictSearch）提供行政区信息的查询，
+使用该服务可以获取到行政区域的区号、城市编码、中心点、边界、下辖区域等详细信息，为基于行政区域的地图功能提供支持。
+
+### Parameters
+
+- `opts` **DistrictSearchOptions** 默认参数
+- `level` **string** 关键字对应的行政区级别或商圈，可选值：
+ country：国家
+ province：省/直辖市
+ city：市
+ district：区/县
+ biz_area：商圈
+- `showbiz` **boolean** 是否显示商圈，默认值true
+ 可选为true/false，为了能够精准的定位到街道，特别是在快递、物流、送餐等场景下，强烈建议将此设置为false
+- `extensions` **string** 是否返回行政区边界坐标点，默认值：base，不返回行政区边界坐标点，取值：all，返回完整行政区边界坐标点
+- `subdistrict` **number** 显示下级行政区级数（行政区级别包括：国家、省/直辖市、市、区/县4个级别），商圈为区/县下一
+ 级，可选值：0、1、2、3，默认值：1
+ 0：不返回下级行政区
+ 1：返回下一级行政区
+ 2：返回下两级行政区
+ 3：返回下三级行政区
+
+### Examples
+
+```javascript
+AMap.plugin('AMap.DistrictSearch', function () {
+ var districtSearch = new AMap.DistrictSearch({
+ // 关键字对应的行政区级别，country表示国家
+ level: 'country',
+ // 显示下级行政区级数，1表示返回下一级行政区
+ subdistrict: 1
+ })
+ // 搜索所有省/直辖市信息
+ districtSearch.search('中国', function(status, result) {
+ // 查询成功时，result即为对应的行政区信息
+ })
+})
+// 除了获取所有省份/直辖市信息外，您可以通过修改level和subdistrict并配合search传入对应keyword查询对应信息。
+```
+
+### setLevel
+
+设置关键字对应的行政区级别或商圈，可选值：
+country：国家
+province：省/直辖市
+city：市
+district：区/县
+biz_area：商圈
+
+#### Parameters
+
+- `level` **string** 设置级别
+
+### setSubdistrict
+
+设置下级行政区级数（行政区级别包括：国家、省/直辖市、市、区/县4个级别），商圈为区/县下一级，默认值：1
+可选值：0、1、2、3
+0：不返回下级行政区；
+1：返回下一级行政区；
+2：返回下两级行政区；
+3：返回下三级行政区；
+
+#### Parameters
+
+- `subdistrict` **string** 下级行政区级数
+
+### search
+
+根据关键字查询行政区或商圈信息 关键字支持：行政区名、citycode、adcode、商圈名。默认值：“全国”
+当status为complete时，result为DistrictSearchResult；
+当status为error时，result为错误信息info；
+当status为no_data时，代表检索返回0结果
+
+#### Parameters
+
+- `keyword`
+- `DistrictSearchCallBack` **function (status: String, result: info/DistrictSearchResult)** 回调函数
+- `keywords` **string** 查询的关键字
+
+## Weather
+
+天气查询服务，根据城市名称或区域编码返回城市天气预报信息，包括实时天气信息和四天天气预报。
+
+### Examples
+
+```javascript
+map.plugin(['AMap.Weather'], function() {
+ //构造 Weather 类
+ var amapWeather = new AMap.Weather();
+
+ //查询实时天气信息，cityName 见 http://restapi.amap.com/v3/config/district?level=city&sublevel=0&extensions=all&output=xml&key=d9fba2f3196b6a4419358693a2b0d9a9
+ amapWeather.getLive('北京');
+
+ //查询四天预报天气，包括查询当天天气信息
+ amapWeather.getForecast('北京');
+
+ AMap.event.addListener(amapWeather, "complete", function callback(){
+ //当查询成功时触发 complete 事件
+ });
+});
+```
+
+### getLive
+
+查询实时天气信息。
+
+#### Parameters
+
+- `city` **String** 城市名称/区域编码（如：“杭州市”/“330100”）
+- `callback` **WeatherLiveResult** 回调函数
+
+### getForecast
+
+查询四天预报天气，包括查询当天天气信息
+
+#### Parameters
+
+- `city` **String**
+- `callback` **WeatherForecastResult** 回调函数
+
+## WeatherLiveResult
+
+Type: Function
+
+### Parameters
+
+- `err` **Object** 正确时为空
+- `LiveData` **Object** 返回数据
+ - `LiveData.info` **String** 成功状态文字描述
+ - `LiveData.province` **String** 省份名
+ - `LiveData.city` **String** 城市名
+ - `LiveData.adcode` **String** 区域编码
+ - `LiveData.weather` **String** 天气现象，详见天气现象列表
+ - `LiveData.temperature` **String** 实时气温，单位：摄氏度
+ - `LiveData.windDirection` **String** 风向，风向编码对应描述
+ - `LiveData.windPower` **Number** 风力，风力编码对应风力级别，单位：级
+ - `LiveData.humidity` **String** 空气湿度（百分比）
+ - `LiveData.reportTime` **String** 数据发布的时间
+
+## WeatherForecastResult
+
+Type: Function
+
+### Parameters
+
+- `err` **Object** 正确时为空
+- `ForecastData` **Object** 返回数据
+ - `ForecastData.info` **String** 成功状态文字描述
+ - `ForecastData.province` **String** 省份名
+ - `ForecastData.city` **String** 城市名
+ - `ForecastData.adcode` **String** 区域编码
+ - `ForecastData.reportTime` **String** 数据发布的时间
+ - `ForecastData.forecast` **Array** 天气预报数组，包括当天至第三天的预报数据
+ - `ForecastData.forecast.date` **String** 日期，格式为“年-月-日”
+ - `ForecastData.forecast.week` **String** 星期
+ - `ForecastData.forecast.dayWeather` **String** 白天天气现象，详见天气现象列表
+ - `ForecastData.forecast.nightWeather` **String** 夜间天气现象，详见天气现象列表
+ - `ForecastData.forecast.dayTemp` **Number** 白天温度
+ - `ForecastData.forecast.nightTemp` **Number** 白天温度
+ - `ForecastData.forecast.dayWindDir` **String** 白天风向
+ - `ForecastData.forecast.dayWindPower` **String** 白天风力
+ - `ForecastData.forecast.nightWindPower` **String** 夜间风力
+
+## StationSearch
+
+**Extends AMap.Event**
+
+AMap.StationSearch 公交站点查询服务，根据输入关键字、ID查询公交站点信息。
+用户可以通过自定义回调函数取回并显示查询结果。若服务请求失败，系统将返回错误信息。
+
+### Parameters
+
+- `opts` **StationSearchOptions** 参数信息
+ - `opts.pageIndex` **Number** 页码（如pageIndex为2，pageSize为10，那么显示的应是第11-20条返回结果）
+ 默认值：1，取值范围：1-100，超过取值范围按默认，超出实际页数按最大值返回
+ - `opts.pageSize` **Number** 单页显示结果条数，默认值：20，取值范围：1-100，超过取值范围按默认
+ - `opts.city` **String** 公交站点所在城市，默认值：“全国”，可选值：cityname（中文或中文全拼）、citycode、adcode
+
+### Examples
+
+```javascript
+//加载公交站点查询插件
+mapObj.plugin(["AMap.StationSearch"], function() {
+ //实例化公交站点查询类
+ var station = new AMap.StationSearch({
+ pageIndex: 1, //页码
+ pageSize: 10, //单页显示结果条数
+ city:'010' //确定搜索城市
+ });
+ station.search('东直门'); //查询
+ AMap.event.addListener(station, 'complete', stationSearch_CallBack);
+ AMap.event.addListener(station, 'error', function(e) {alert(e.info);});
+});
+```
+
+### setPageIndex
+
+设置查询结果页码，默认值：1 取值范围：1-100，超过取值范围按默认
+
+#### Parameters
+
+- `pageIndex` **Number** 结果页码
+
+### setPageSize
+
+设置单页显示结果条数，默认值：20 取值范围：1-100，超过取值范围按默认
+
+#### Parameters
+
+- `pageSize` **Number** 单页显示结果条数
+
+### setCity
+
+设置查询城市，默认值：“全国” 可选值：cityname（中文或中文全拼）、citycode、adcode
+
+#### Parameters
+
+- `city` **String** 查询城市
+
+### setCity
+
+根据给定的公交站点id进行公交站点详情检索，id是公交站点的唯一标识
+当status为complete时，result为StationSearchResult；
+当status为error时，result为错误信息info；
+当status为no_data时，代表检索返回0结果
+
+#### Parameters
+
+- `id` **String** 公交站点 id
+
+### setCity
+
+根据给定公交站点名称进行公交站点详情查询，多个关键字用"|"分割，status说明同上 [相关示例][134]
+
+#### Parameters
+
+- `keyword` **String** 公交站点名称
+- `StationSearchCallback` **String** 回调函数
+
+### StationSearchOptions
+
+Type: Object
+
+#### Properties
+
+- `pageIndex` **Number** 页码（如pageIndex为2，pageSize为10，那么显示的应是第11-20条返回结果），默认值：1 取值范围：1-100，超过取值范围按默认; 超出实际页数，按最大值
+- `pageSize` **Number** 单页显示结果条数，默认值：20
+- `city` **String** 公交线路所在城市
+
+## LineSearch
+
+**Extends AMap.Event**
+
+AMap.LineSearch 公交路线查询类，通过extensions属性控制返回信息详略。
+公交线路信息包括起、终点、途径站点，首、末班车时间等信息。用户可以通过自定义回调函数取回并显示查询结果。
+若服务请求失败，系统将返回[错误信息][135]。
+
+### Parameters
+
+- `opts` **LineSearchOptions** 参数信息
+ - `opts.pageIndex` **Number** 页码（如pageIndex为2，pageSize为10，那么显示的应是第11-20条返回结果）
+ 默认值：1，取值范围：1-100，超过取值范围按默认，超出实际页数按最大值返回
+ - `opts.pageSize` **Number** 单页显示结果条数，默认值：20，取值范围：1-100，超过取值范围按默认
+ - `opts.city` **String** 公交站点所在城市，默认值：“全国”，可选值：cityname（中文或中文全拼）、citycode、adcode
+- `extensions` **String** 此项仅公交路线查询时有效，默认值：base，返回公交路线基本信息，当取值为：all，返回公交路线基本信息+详细信息
+
+### Examples
+
+```javascript
+//加载公交线路查询插件
+mapObj.plugin(["AMap.LineSearch"], function() {
+ //实例化公交线路查询类
+ var linesearch = new AMap.LineSearch({
+ pageIndex:1,
+ pageSize:1,
+ extensions:'all'
+ });
+ //搜索“536”相关公交线路
+ linesearch.search('536');
+ AMap.event.addListener(linesearch, "complete", lineSearch_Callback);
+ AMap.event.addListener(citysearch, "error", function(e){alert(e.info);});
+});
+```
+
+### setPageIndex
+
+设置查询结果页码，默认值：1 取值范围：1-100，超过取值范围按默认
+
+#### Parameters
+
+- `pageIndex` **Number** 结果页码
+
+### setPageSize
+
+设置单页显示结果条数，默认值：20 取值范围：1-100，超过取值范围按默认
+
+#### Parameters
+
+- `pageSize` **Number** 单页显示结果条数
+
+### setCity
+
+设置查询城市，默认值：“全国” 可选值：cityname（中文或中文全拼）、citycode、adcode
+
+#### Parameters
+
+- `city` **String** 城市
+
+### setCity
+
+设置查询城市，默认值：“全国” 可选值：cityname（中文或中文全拼）、citycode、adcode
+
+#### Parameters
+
+- `city` **String** 查询城市
+
+### setCity
+
+根据给定的公交站点id进行公交站点详情检索，id是公交站点的唯一标识
+当status为complete时，result为LineSearchResult；
+当status为error时，result为错误信息info；
+当status为no_data时，代表检索返回0结果
+
+#### Parameters
+
+- `id` **String** 公交站点 id
+
+### setCity
+
+根据给定公交站点名称进行公交站点详情查询，多个关键字用"|"分割，status说明同上 [相关示例][136]
+
+#### Parameters
+
+- `keyword` **String** 公交站点名称
+- `LineSearchCallback` **String** 回调函数
+
+### LineSearchOptions
+
+Type: Object
+
+#### Properties
+
+- `pageIndex` **Number** 页码（如pageIndex为2，pageSize为10，那么显示的应是第11-20条返回结果），默认值：1 取值范围：1-100，超过取值范围按默认; 超出实际页数，按最大值
+- `pageSize` **Number** 单页显示结果条数，默认值：20
+- `city` **String** 公交线路所在城市
+- `extensions` **String** 此项仅公交路线查询时有效 默认值：base，返回公交路线基本信息 当取值为：all，返回公交路线基本信息+详细信息
diff --git a/.agents/skills/amap-jsapi-skill/references/api/services.md b/.agents/skills/amap-jsapi-skill/references/api/services.md
new file mode 100644
index 0000000..34dd832
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/api/services.md
@@ -0,0 +1,70 @@
+## 服务类
+
+用于调用 Web 服务 API，直接透传查询条件和返回结果
+
+
+## WebService
+
+用于调用 Web 服务 API，直接透传查询条件和返回结果，提供GET和POST两种请求方式，具体请求接口和返回结果，请参考 [https://lbs.amap.com/api/webservice/summary/][96]
+
+### get
+
+以 GET 请求方式请求指定的 Web 服务 API 接口
+
+#### Parameters
+
+- `path` **string** Web服务API的接口路径
+- `params` **object** Web服务 API 的查询参数
+- `callback` **WebServiceCallback** 查询回调函数
+- `opts` **HttpOptions** HTTP 请求参数配置 (optional, default `{}`)
+
+#### Examples
+
+```javascript
+AMap.WebService.get('https://restapi.amap.com/v3/place/text',
+ {
+ keywords : '首开广场',
+ types : '写字楼',
+ city : '010'
+ },function (error, result) {
+ console.log(error, result);
+ }
+);
+```
+
+### post
+
+以 POST 请求方式请求指定的 Web 服务 API 接口, 目前只有轨迹纠偏接口需要使用 POST 方式
+
+#### Parameters
+
+- `path` **string** Web服务API的接口路径
+- `params` **any** Web服务 API 的查询参数
+- `callback` **WebServiceCallback** 查询回调函数
+
+#### Examples
+
+```javascript
+AMap.WebService.post('https://restapi.amap.com/v4/grasproad/driving',
+ [
+ {"x":116.478928,"y":39.997761,"sp":19,"ag":0, "tm":1478031031},
+ {"x":116.478907,"y":39.998422,"sp":10,"ag":0, "tm":2},
+ {"x":116.479384,"y":39.998546,"sp":10,"ag":110,"tm":3},
+ {"x":116.481053,"y":39.998204,"sp":10,"ag":120,"tm":4},
+ {"x":116.481793,"y":39.997868,"sp":10,"ag":120,"tm":5}
+ ],function (error, result) {
+ console.log(error, result);
+ }
+);
+```
+
+## WebServiceCallback
+
+WebService 的回调函数类型
+
+Type: Function
+
+### Parameters
+
+- `status` **string** 服务查询的状态结果，'complete' 或 'error'
+- `data` **any** Web服务API返回的数据
diff --git a/.agents/skills/amap-jsapi-skill/references/api/tools.md b/.agents/skills/amap-jsapi-skill/references/api/tools.md
new file mode 100644
index 0000000..1be5d1d
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/api/tools.md
@@ -0,0 +1,391 @@
+## 工具类
+
+用于满足一定专门功能的工具类型
+
+
+## RangingTool
+
+构造一个距离量测插件对象。参数map为地图实例。 opts属性参考RangingToolOptions列表中的说明
+
+### Parameters
+
+- `map` **Map** 要添加到的地图实例
+- `opts` **RangingToolOptions** 鼠标工具配置参数
+ - `opts.startMarkerOptions` **Object** 设置量测起始点标记属性对象，包括点标记样式、大小等，参考 MarkerOptions
+ - `opts.midMarkerOptions` **Object** 设置量测中间点标记属性对象，包括点标记样式、大小等，参考 MarkerOptions
+ - `opts.endMarkerOptions` **Object** 设置量测结束点标记属性对象，包括点标记样式、大小等，参考 MarkerOptions
+ - `opts.lineOptions` **Object** 设置距离量测线的属性对象，包括线样式、颜色等，参考 PolylineOptions
+ - `opts.tmpLineOptions` **Object** 设置距离量测过程中临时量测线的属性对象，包括线样式、颜色，参考 PolylineOptions
+ - `opts.startLabelText` **String** 设置量测起始点标签的文字内容，默认为“起点”
+ - `opts.midLabelText` **String** 设置量测中间点处标签的文字内容，默认为当前量测结果值
+ - `opts.endLabelText` **String** 设置量测结束点处标签的文字内容，默认为当前量测结果值
+ - `opts.startLabelOffset` **Pixel** 设置量测起始点标签的偏移量。默认值：Pixel(-6, 6)
+ - `opts.midLabelOffset` **Pixel** 设置量测中间点标签的偏移量。默认值：Pixel(-6, 6)
+ - `opts.endLabelOffset` **Pixel** 设置量测结束点标签的偏移量。默认值：Pixel(-6, 6)
+
+### Examples
+
+```javascript
+map.plugin(["AMap.MouseTool"],function(){
+ var ruler = new AMap.RangingTool(map);
+});
+```
+
+### turnOn
+
+启动测距工具
+
+### turnOff
+
+关闭测距工具
+
+#### Parameters
+
+- `removeOverlays` **Boolean** 是否删除测距过程产生的覆盖物
+
+## MouseTool
+
+鼠标工具插件。通过该插件，可进行鼠标画标记点、线、多边形、矩形、圆、距离量测、面积量测、拉框放大、拉框缩小等功能。
+
+### Parameters
+
+- `map` **Map** 鼠标工具添加到的地图实例
+
+### Examples
+
+```javascript
+map.plugin(["AMap.MouseTool"],function(){
+ var mousetool = new AMap.MouseTool(map);
+ // 使用鼠标工具，在地图上画标记点
+ mousetool.marker();
+});
+```
+
+### marker
+
+开启鼠标画点标注模式。鼠标在地图上单击绘制点标注，标注样式参考MarkerOptions设置
+
+#### Parameters
+
+- `opts` **MarkerOptions** 参考MarkerOptions设置
+
+### circle
+
+开启鼠标画圆模式。鼠标在地图上拖动绘制相应的圆形。圆形样式参考CircleOptions设置
+
+#### Parameters
+
+- `opts` **CircleOptions** 参考CircleOptions设置
+
+### rectangle
+
+开启鼠标画矩形模式。鼠标在地图上拉框即可绘制相应的矩形。矩形样式参考PolygonOptions设置
+
+#### Parameters
+
+- `opts` **PolygonOptions** 矩形样式参考PolygonOptions设置
+
+### polyline
+
+开启鼠标画折线模式。鼠标在地图上点击绘制折线，鼠标左键双击或右键单击结束绘制，折线样式参考PolylineOptions设置
+
+#### Parameters
+
+- `opts` **PolylineOptions** 参考PolylineOptions设置
+
+### polygon
+
+开启鼠标画多边形模式。鼠标在地图上单击开始绘制多边形，鼠标左键双击或右键单击结束当前多边形的绘制，多边形样式参考PolygonOptions设置
+
+#### Parameters
+
+- `opts` **PolygonOptions** 参考PolygonOptions设置
+
+### measureArea
+
+开启面积量测模式。鼠标在地图上单击绘制量测区域，鼠标左键双击或右键单击结束当前量测操作，并显示本次量测结果。量测面样式参考PolygonOptions设置
+
+#### Parameters
+
+- `opts` **PolygonOptions** 参考PolygonOptions设置
+
+### rule
+
+开启距离量测模式。鼠标在地图上单击绘制量测节点，并计算显示两两节点之间的距离，鼠标左键双击或右键单击结束当前量测操作。量测线样式参考 PolylineOptions 设置
+注：不能同时使用rule方法和RangTool插件进行距离量测
+
+#### Parameters
+
+- `opts` **PolylineOptions** 参考PolylineOptions设置
+
+### rectZoomIn
+
+开启鼠标拉框放大模式。鼠标可在地图上拉框放大地图。矩形框样式参考PolygonOptions设置
+
+#### Parameters
+
+- `opts` **PolygonOptions** 参考PolygonOptions设置
+
+### rectZoomOut
+
+开启鼠标拉框缩小模式。鼠标可在地图上拉框缩小地图。矩形框样式参考PolygonOptions设置
+
+#### Parameters
+
+- `opts` **PolygonOptions** 参考PolygonOptions设置
+
+### close
+
+关闭当前鼠标操作。参数arg设为true时，鼠标操作关闭的同时清除地图上绘制的所有覆盖物对象；设为false时，保留所绘制的覆盖物对象。默认为false
+
+#### Parameters
+
+- `ifClear` **boolean** 是否清除地图上的覆盖物
+
+## PolygonEditor
+
+Polygon 编辑器
+
+### Parameters
+
+- `map` **Map** AMap.Map 的实例
+- `polygon` **Polygon?** 编辑对象
+- `opts` **Object?** 设置参数
+ - `opts.createOptions` **Object?** 新创建的对象样式
+ - `opts.editOptions` **Object?** 编辑样式
+ - `opts.controlPoint` **Object?** 顶点样式 CircleMarkerOptions
+ - `opts.midControlPoint` **Object?** 中间点样式 CircleMarkerOptions
+
+### open
+
+开始编辑对象
+
+### setTarget
+
+设置编辑对象
+
+#### Parameters
+
+- `tar`
+- `overlay` **Polygon**
+
+### getTarget
+
+获取编辑对象
+
+Returns **(Polygon \| undefined)**
+
+### setAdsorbPolygons
+
+设置吸附多边形
+
+#### Parameters
+
+- `list` **(Polygon \| Array<Polygon>)**
+
+### clearAdsorbPolygons
+
+清空所有的吸附多边形
+
+### addAdsorbPolygons
+
+添加吸附多边形
+
+#### Parameters
+
+- `list` **(Polygon \| Array<Polygon>)**
+
+### removeAdsorbPolygons
+
+删除吸附多边形
+
+#### Parameters
+
+- `list` **(Polygon \| Array<Polygon>)**
+
+### close
+
+停止编辑对象
+
+## PolylineEditor
+
+折线编辑插件，用于编辑AMap.Polyline对象，支持通过鼠标调整折线的形状。
+
+### Parameters
+
+- `map` **Map** AMap.Map 的实例
+- `polygon` **Polygon?** 编辑对象
+- `opts` **Object?** 设置参数
+ - `opts.createOptions` **Object?** 新创建的对象样式
+ - `opts.editOptions` **Object?** 编辑样式
+ - `opts.controlPoint` **Object?** 顶点样式 CircleMarkerOptions
+ - `opts.midControlPoint` **Object?** 中间点样式 CircleMarkerOptions
+
+### setTarget
+
+设置编辑对象
+
+#### Parameters
+
+- `overlay` **Polyline?**
+
+### getTarget
+
+获取编辑对象
+
+Returns **(Polyline \| undefined)** 当前编辑对象
+
+### open
+
+开始编辑对象
+
+### close
+
+停止编辑对象
+
+## CircleEditor
+
+圆编辑插件。用于编辑AMap.Circle对象，功能包括使用鼠标改变圆半径大小、拖拽圆心改变圆的位置。
+
+### Parameters
+
+- `map` **Map** AMap.Map 实例
+- `circle` **Circle?** 可选参数， AMap.Circle 实例
+- `opts` **Object?** 设置参数
+ - `opts.createOptions` **Object?** 新创建的对象样式
+ - `opts.editOptions` **Object?** 编辑样式
+ - `opts.movePoint` **Object?** 移动点样式 MarkerOptions
+ - `opts.resizePoint` **Object?** reaize点样式 MarkerOptions
+
+### setTarget
+
+设置编辑对象
+
+#### Parameters
+
+- `overlay` **Circle?** 编辑对象
+
+### getTarget
+
+获取编辑对象
+
+Returns **(Circle \| undefined)** 当前编辑对象
+
+### open
+
+打开编辑功能
+
+### close
+
+关闭编辑功能
+
+## BezierCurveEditor
+
+贝塞尔曲线编辑器
+
+### Parameters
+
+- `map` **Map** AMap.Map 实例
+- `bezier` **BezierCurve?** 曲线示例
+- `opts` **Object?** 设置参数
+ - `opts.createOptions` **Object?** 新创建的对象样式
+ - `opts.editOptions` **Object?** 编辑样式
+ - `opts.controlPoint` **Object?** 顶点样式 MarkerOptions
+ - `opts.midControlPoint` **Object?** 中间点样式 MarkerOptions
+ - `opts.bezierControlPoint` **Object?** 贝塞尔控制点样式MarkerOptions
+ - `opts.bezierControlLine` **Object?** 贝塞尔控制线样式PolylineOptions
+
+### setTarget
+
+设置编辑对象
+
+#### Parameters
+
+- `overlay` **BezierCurve?**
+
+### getTarget
+
+获取编辑对象
+
+Returns **(BezierCurve \| undefined)** [overlay] 当前编辑对象
+
+### open
+
+开始编辑对象
+
+### close
+
+结束编辑对象
+
+## EllipseEditor
+
+椭圆编辑器
+
+### Parameters
+
+- `map` **Map** AMap.Map 的实例
+- `ellipse` **Ellipse?** AMap.Ellipse 的实例
+- `opts` **Object?** 设置参数
+ - `opts.createOptions` **Object?** 新创建的对象样式
+ - `opts.editOptions` **Object?** 编辑样式
+ - `opts.movePoint` **Object?** 移动点样式 MarkerOptions
+ - `opts.resizeXPoint` **Object?** reaizeX点样式 MarkerOptions
+ - `opts.resizeYPoint` **Object?** reaizeY点样式 MarkerOptions
+
+### setTarget
+
+设置编辑对象
+
+#### Parameters
+
+- `overlay` **Ellipse?** 编辑对象
+
+### getTarget
+
+获取编辑对象
+
+Returns **(Ellipse \| undefined)** 当前编辑对象
+
+### open
+
+打开编辑功能
+
+### close
+
+关闭编辑功能
+
+## RectangleEditor
+
+矩形编辑器
+
+### Parameters
+
+- `map` **Map** AMap.Map 的实例
+- `rect` **Rectangle?** AMap.Rectangle 的实例
+- `opts` **Object?** 设置参数
+ - `opts.createOptions` **Object?** 新创建的对象样式
+ - `opts.editOptions` **Object?** 编辑样式
+ - `opts.southWestPoint` **Object?** 西南点样式 MarkerOptions
+ - `opts.northEastPoint` **Object?** 东北点样式 MarkerOptions
+
+### setTarget
+
+设置编辑对象
+
+#### Parameters
+
+- `overlay` **Rectangle?** 编辑对象
+
+### getTarget
+
+获取编辑对象
+
+Returns **(Rectangle \| undefined)** 当前编辑对象
+
+### open
+
+打开编辑功能
+
+### close
+
+关闭编辑功能
diff --git a/.agents/skills/amap-jsapi-skill/references/api/vector-graphics.md b/.agents/skills/amap-jsapi-skill/references/api/vector-graphics.md
new file mode 100644
index 0000000..94a9b80
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/api/vector-graphics.md
@@ -0,0 +1,1152 @@
+## 矢量图形
+
+用于在地图上绘制线、面等矢量地图要素的类型
+
+
+## Polygon
+
+构造多边形对象，通过PolygonOptions指定多边形样式
+
+### Parameters
+
+- `opts` **PolygonOptions**
+ - `opts.path` **(Array<LngLat> | Array<Array<LngLat>> | Array<Array<Array<LngLat>>>)** 多边形轮廓线的节点坐标数组。
+ 支持 单个普通多边形({Array该方法用来实现非聚合点的自定义绘制，由开发者自己实现，API 将在绘制每个非聚合点的时候调用这个方法
+ 该函数的入参为一个Object，包含如下属性：
+ marker: 非聚合点 Marker 对象
+
+
+ `,
+ offset: new AMap.Pixel(0, -30)
+ });
+
+ marker.on('click', function() {
+ infoWindow.open(map, marker.getPosition());
+ });
+
+ // 移动视角
+ map.setZoomAndCenter(16, geocode.location);
+
+ // 自动打开信息窗体
+ infoWindow.open(map, geocode.location);
+ } else {
+ alert('未找到该地址');
+ }
+ });
+};
+```
+
+### 点击地图获取地址
+
+```javascript
+const map = new AMap.Map('container', {
+ zoom: 14,
+ center: [116.397, 39.909]
+});
+
+const geocoder = new AMap.Geocoder({
+ extensions: 'all'
+});
+
+const infoWindow = new AMap.InfoWindow({
+ offset: new AMap.Pixel(0, -15)
+});
+
+map.on('click', function(e) {
+ const lnglat = [e.lnglat.getLng(), e.lnglat.getLat()];
+
+ geocoder.getAddress(lnglat, function(status, result) {
+ if (status === 'complete') {
+ const address = result.regeocode.formattedAddress;
+
+ infoWindow.setContent(`
+ ${geocode.formattedAddress}
+坐标: ${geocode.location.lng}, ${geocode.location.lat}
+
+
+ `);
+
+ infoWindow.open(map, e.lnglat);
+ }
+ });
+});
+```
+
+## 注意事项
+
+1. **城市限制**: 设置 city 可以提高编码准确度
+2. **详细信息**: 需要 POI、道路等信息时设置 `extensions: 'all'`
+3. **批量查询**: 批量查询需要设置 `batch: true`
+4. **结果数量**: 正向编码可能返回多个结果，需要根据 level 判断准确度
+5. **坐标格式**: 逆向编码支持数组 `[lng, lat]` 或 LngLat 对象
diff --git a/.agents/skills/amap-jsapi-skill/references/info-window.md b/.agents/skills/amap-jsapi-skill/references/info-window.md
new file mode 100644
index 0000000..0019c70
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/info-window.md
@@ -0,0 +1,306 @@
+# 信息窗体 (InfoWindow)
+
+信息窗体用于在地图上弹出一个浮层，展示详细信息。它可以绑定到特定位置或覆盖物上。
+
+## 基础用法
+
+```javascript
+// 1. 创建信息窗体
+const infoWindow = new AMap.InfoWindow({
+ content: '地址: ${address}
+坐标: ${lnglat[0].toFixed(6)}, ${lnglat[1].toFixed(6)}
+标题
这是信息窗体的内容
', // 支持 HTML 字符串或 DOM 元素
+ anchor: 'bottom-center', // 锚点位置: top-left, top-center, top-right, middle-left, center, middle-right, bottom-left, bottom-center, bottom-right
+ offset: new AMap.Pixel(0, -30), // 偏移量，避免遮挡标记
+ isCustom: false, // 是否自定义外观 (设为 true 则不显示默认边框和关闭按钮)
+ autoMove: true, // 是否自动调整地图视野使窗体可见
+ closeWhenClickMap: true, // 点击地图其他空白处关闭窗体
+});
+
+// 2. 打开信息窗体
+infoWindow.open(map, [116.397, 39.909]); // 在指定位置打开
+
+// 或者绑定点击事件
+marker.on('click', function(e) {
+ infoWindow.open(map, e.target.getPosition());
+});
+```
+
+## 自定义样式
+
+如果将 `isCustom` 设为 `true`，则可以完全控制窗体的外观。
+
+```javascript
+const customInfoWindow = new AMap.InfoWindow({
+ isCustom: true,
+ content: createCustomContent(), // 返回一个 DOM 元素
+ offset: new AMap.Pixel(16, -45)
+});
+
+function createCustomContent() {
+ const div = document.createElement('div');
+ div.className = 'my-info-window';
+ div.innerHTML = `
+ 高德地图
+ 自定义样式的窗体
+
+ `;
+ return div;
+}
+
+// 需要手动实现关闭逻辑
+window.closeInfoWindow = function() {
+ map.clearInfoWindow();
+}
+```
+
+## 更新内容
+
+```javascript
+infoWindow.setContent('新的内容
');
+infoWindow.setPosition([116.40, 39.90]);
+```
+## 配置项
+
+| 参数 | 类型 | 默认值 | 说明 |
+| :--- | :--- | :--- | :--- |
+| content | String/HTMLElement | - | 内容，支持 HTML 字符串或 DOM 元素 |
+| anchor | String | 'bottom-center' | 锚点位置 |
+| offset | Pixel | - | 偏移量 |
+| isCustom | Boolean | false | 是否自定义样式 |
+| autoMove | Boolean | false | 是否自动调整地图视野 |
+| closeWhenClickMap | Boolean | false | 点击地图其他区域是否关闭 |
+| size | Size | - | 窗体大小 |
+| avoid | Array | - | 避让的像素区域 |
+
+### 锚点位置 (anchor)
+
+- `top-left` - 左上
+- `top-center` - 上中
+- `top-right` - 右上
+- `middle-left` - 左中
+- `center` - 中心
+- `middle-right` - 右中
+- `bottom-left` - 左下
+- `bottom-center` - 下中（默认）
+- `bottom-right` - 右下
+
+## 与标记配合使用
+
+```javascript
+const marker = new AMap.Marker({
+ position: [116.397, 39.909],
+ title: '点击查看详情'
+});
+map.add(marker);
+
+const infoWindow = new AMap.InfoWindow({
+ content: 'POI 详情信息
',
+ offset: new AMap.Pixel(0, -30)
+});
+
+marker.on('click', function(e) {
+ infoWindow.open(map, e.target.getPosition());
+});
+```
+
+## 自定义样式
+
+设置 `isCustom: true` 完全控制窗体外观：
+
+```javascript
+const customInfoWindow = new AMap.InfoWindow({
+ isCustom: true,
+ content: createCustomContent(),
+ offset: new AMap.Pixel(16, -45)
+});
+
+function createCustomContent() {
+ const div = document.createElement('div');
+ div.className = 'custom-info-window';
+ div.innerHTML = `
+
+ 高德地图
+ ×
+
+
+
+
+ `;
+ return div;
+}
+
+// 全局关闭方法
+window.closeInfoWindow = function() {
+ map.clearInfoWindow();
+};
+```
+
+### 自定义样式 CSS
+
+```css
+.custom-info-window {
+ background: #fff;
+ border-radius: 8px;
+ box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+ min-width: 200px;
+ position: relative;
+}
+
+.info-header {
+ background: linear-gradient(135deg, #1890ff, #096dd9);
+ color: #fff;
+ padding: 12px 16px;
+ border-radius: 8px 8px 0 0;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.info-title {
+ font-weight: 600;
+}
+
+.info-close {
+ cursor: pointer;
+ font-size: 18px;
+ width: 24px;
+ height: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 50%;
+}
+
+.info-close:hover {
+ background: rgba(255,255,255,0.2);
+}
+
+.info-body {
+ padding: 16px;
+}
+
+.info-arrow {
+ position: absolute;
+ bottom: -8px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 0;
+ height: 0;
+ border-left: 8px solid transparent;
+ border-right: 8px solid transparent;
+ border-top: 8px solid #fff;
+}
+```
+
+## 动态更新内容
+
+```javascript
+// 更新内容
+infoWindow.setContent('自定义样式的信息窗体
+ +新的内容
');
+
+// 更新位置
+infoWindow.setPosition([116.40, 39.90]);
+
+// 获取当前位置
+const position = infoWindow.getPosition();
+
+// 获取是否打开
+const isOpen = infoWindow.getIsOpen();
+```
+
+## 事件监听
+
+```javascript
+infoWindow.on('open', function() {
+ console.log('信息窗体已打开');
+});
+
+infoWindow.on('close', function() {
+ console.log('信息窗体已关闭');
+});
+
+infoWindow.on('change', function() {
+ console.log('信息窗体内容或位置已改变');
+});
+```
+
+## 完整示例
+
+```javascript
+const map = new AMap.Map('container', {
+ zoom: 14,
+ center: [116.397, 39.909]
+});
+
+// POI 数据
+const pois = [
+ { name: '天安门', address: '北京市东城区', position: [116.397428, 39.90923] },
+ { name: '故宫', address: '北京市东城区景山前街4号', position: [116.397026, 39.918058] },
+ { name: '王府井', address: '北京市东城区', position: [116.410904, 39.913904] }
+];
+
+// 创建信息窗体
+const infoWindow = new AMap.InfoWindow({
+ isCustom: true,
+ offset: new AMap.Pixel(0, -40)
+});
+
+// 添加标记
+pois.forEach(poi => {
+ const marker = new AMap.Marker({
+ position: poi.position,
+ title: poi.name
+ });
+
+ marker.on('click', function(e) {
+ const content = `
+
+
+ `;
+
+ infoWindow.setContent(content);
+ infoWindow.open(map, e.target.getPosition());
+ });
+
+ map.add(marker);
+});
+
+// 全局方法
+window.navigateTo = function(lng, lat) {
+ console.log('导航到:', lng, lat);
+};
+
+window.shareLocation = function(name) {
+ console.log('分享位置:', name);
+};
+```
+
+## 关闭信息窗体
+
+```javascript
+// 方式一：调用 close 方法
+infoWindow.close();
+
+// 方式二：清除地图上的信息窗体
+map.clearInfoWindow();
+```
+
+## 注意事项
+
+1. **同时只能打开一个**: 地图上同时只能打开一个信息窗体
+2. **自定义样式**: `isCustom: true` 时不显示默认的边框和关闭按钮
+3. **偏移量**: 根据标记图标大小调整 offset，避免遮挡
+4. **自动调整**: `autoMove: true` 可以自动调整地图视野使窗体可见
+5. **事件冒泡**: 窗体内的点击事件需要阻止冒泡，否则可能触发地图点击事件
\ No newline at end of file
diff --git a/.agents/skills/amap-jsapi-skill/references/layers.md b/.agents/skills/amap-jsapi-skill/references/layers.md
new file mode 100644
index 0000000..84af2d2
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/layers.md
@@ -0,0 +1,78 @@
+# 官方图层 (Official Layers)
+
+高德地图 JSAPI v2.0 内置了多种标准图层，开发者可以按需叠加使用。
+
+## 1. 标准切片图层 (TileLayer)
+
+基础的栅格瓦片图层。
+
+```javascript
+// 默认标准图层
+const layer = new AMap.TileLayer();
+map.add(layer);
+```
+
+### 衍生图层
+
+- **卫星图层 (Satellite)**
+ ```javascript
+ const satellite = new AMap.TileLayer.Satellite();
+ map.add(satellite);
+ ```
+
+- **路网图层 (RoadNet)**
+ 通常叠加在卫星图上使用，展示道路网络。
+ ```javascript
+ const roadNet = new AMap.TileLayer.RoadNet();
+ map.add(roadNet);
+ ```
+
+- **实时路况图层 (Traffic)**
+ 展示实时的交通拥堵情况。
+ ```javascript
+ const traffic = new AMap.TileLayer.Traffic({
+ zIndex: 10,
+ autoRefresh: true, // 是否自动刷新
+ interval: 180, // 刷新间隔 (秒)
+ });
+ map.add(traffic);
+ ```
+
+## 2. 3D 楼块图层 (Buildings)
+
+用于展示 3D 建筑物模型，仅在 `viewMode: '3D'` 下有效。
+
+```javascript
+const buildings = new AMap.Buildings({
+ zooms: [16, 20], // 显示层级范围
+ zIndex: 10,
+ heightFactor: 2, // 楼块高度系数
+});
+map.add(buildings);
+
+// 设置楼块样式
+buildings.setStyle({
+ hideWithoutStyle: false, // 是否隐藏未设置样式的楼块
+ areas: [{
+ color1: 'red', // 顶面颜色
+ color2: 'blue', // 侧面颜色
+ path: [[116.403322, 39.920255], ...], // 围栏区域
+ }]
+});
+```
+
+## 3. 室内地图图层 (IndoorMap)
+
+当缩放级别达到一定程度且地图中心位于支持室内地图的建筑（如大型商场、机场）时自动显示。
+
+```javascript
+const indoor = new AMap.IndoorMap({
+ alwaysShow: true, // 是否始终显示
+});
+map.add(indoor);
+
+// 监听楼层切换
+indoor.on('floor_change', function(e) {
+ console.log('当前楼层：', e.floor);
+});
+```
diff --git a/.agents/skills/amap-jsapi-skill/references/map-init.md b/.agents/skills/amap-jsapi-skill/references/map-init.md
new file mode 100644
index 0000000..e27087f
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/map-init.md
@@ -0,0 +1,247 @@
+# 地图加载与初始化 (Map Initialization)
+
+本指南介绍如何使用 `@amap/amap-jsapi-loader` 异步加载高德地图 JSAPI v2.0，并初始化地图实例。
+
+## 前置条件
+
+在加载地图前，**必须**先完成安全配置。请参考 [安全配置文档](./security.md)。
+
+```javascript
+// 必须在加载前执行
+window._AMapSecurityConfig = {
+ securityJsCode: '您的安全密钥',
+};
+```
+
+## 1. 引入加载器
+使用 script 标签加载 loader.js：
+```bash
+
+```
+
+## 2. 异步加载 JSAPI
+
+使用 `AMapLoader.load` 方法加载 API。
+
+```javascript
+import AMapLoader from '@amap/amap-jsapi-loader';
+
+AMapLoader.load({
+ key: '您的Key', // 必填，申请的 Web 端开发者 Key
+ version: '2.0', // 必填，指定版本号
+ plugins: ['AMap.Scale'], // 预加载插件列表
+}).then((AMap) => {
+ // JSAPI 加载完成，可以开始初始化地图
+ initMap(AMap);
+}).catch((e) => {
+ console.error('地图加载失败', e);
+});
+```
+
+## 3. 进阶配置 (Advanced Configuration)
+
+### 加载 Loca 数据可视化库
+Loca 是高德地图基于 WebGL 的高性能数据可视化库。需要在加载器中显式声明 `Loca` 配置。
+
+```javascript
+AMapLoader.load({
+ key: '您的Key',
+ version: '2.0',
+ Loca: {
+ version: '2.0.0' // 指定 Loca 版本
+ }
+}).then((AMap) => {
+ const map = new AMap.Map('container');
+
+ // 初始化 Loca 容器
+ const loca = new Loca.Container({
+ map: map,
+ });
+});
+```
+
+
+```
+
+### 加载器参数详解
+
+| 参数 | 类型 | 必填 | 说明 |
+| :--- | :--- | :--- | :--- |
+| `key` | String | 是 | 申请好的 Web 端开发者 Key |
+| `version` | String | 是 | 指定要加载的 JSAPI 版本，如 "2.0" |
+| `plugins` | Array | 否 | 需要预加载的插件列表，如 `['AMap.Scale', 'AMap.ToolBar']` |
+| `Loca` | Object | 否 | Loca 库配置，包含 `{ version: '2.0.0' }` |
+| `AMapUI` | Object | 否 | AMapUI 库配置，包含 `{ version: '1.1', plugins: [] }` |
+| `serviceHost` | String | 否 | 代理服务器地址（通常在安全配置中全局设置，此处也可覆盖） |
+
+## 3. 初始化地图实例
+
+创建 `AMap.Map` 实例，建议开启 3D 视图模式以获得最佳性能。
+
+```javascript
+function initMap(AMap) {
+ const map = new AMap.Map('container', {
+ viewMode: '3D', // 开启 3D 模式 (推荐)
+ zoom: 11, // 初始化缩放级别 [2, 20]
+ center: [116.397428, 39.90923], // 初始化中心点坐标 [lng, lat]
+ pitch: 45, // 俯仰角度，有效范围 [0, 83]
+ rotation: 0, // 旋转角度
+ mapStyle: 'amap://styles/normal', // 地图样式
+ });
+
+ // 添加控件
+ map.addControl(new AMap.Scale());
+}
+```
+### 常用配置项
+
+| 参数 | 类型 | 默认值 | 说明 |
+| :--- | :--- | :--- | :--- |
+| viewMode | String | '2D' | 渲染模式：'2D' 或 '3D' |
+| zoom | Number | - | 初始缩放级别 |
+| center | Array | - | 初始中心点 [lng, lat] |
+| pitch | Number | 0 | 俯仰角度 (3D 模式有效) |
+| rotation | Number | 0 | 旋转角度 |
+| mapStyle | String | - | 地图样式 URL |
+| zooms | Array | [2, 20] | 缩放级别范围 |
+
+## 4. 地图生命周期管理
+### 地图加载完成
+
+```javascript
+map.on('complete', function() {
+ console.log('地图加载完成');
+});
+```
+
+### 销毁地图
+在组件卸载或不再需要地图时，务必调用 `destroy` 方法以释放 WebGL 上下文和内存资源。
+
+```javascript
+// 销毁地图实例
+if (map) {
+ map.destroy();
+ map = null;
+}
+```
+## 5. 地图样式
+
+### 官方主题样式
+
+```javascript
+const map = new AMap.Map('container', {
+ mapStyle: 'amap://styles/normal', // 标准
+ // mapStyle: 'amap://styles/dark', // 幻影黑
+ // mapStyle: 'amap://styles/light', // 月光银
+ // mapStyle: 'amap://styles/whitesmoke',// 远山黛
+ // mapStyle: 'amap://styles/fresh', // 草色青
+ // mapStyle: 'amap://styles/grey', // 雅士灰
+ // mapStyle: 'amap://styles/graffiti', // 涂鸦
+ // mapStyle: 'amap://styles/macaron', // 马卡龙
+ // mapStyle: 'amap://styles/blue', // 靛青蓝
+ // mapStyle: 'amap://styles/darkblue', // 极夜蓝
+ // mapStyle: 'amap://styles/wine', // 酱籽
+});
+
+// 动态切换样式
+map.setMapStyle('amap://styles/dark');
+```
+
+## 完整示例 (Vue 3)
+
+```vue
+
+
+
+
+
+```
+## 5. 地图控件
+
+```javascript
+// 比例尺
+map.addControl(new AMap.Scale());
+
+// 工具条（缩放、定位）
+map.addControl(new AMap.ToolBar({
+ position: 'RT' // 右上角
+}));
+
+// 3D 控制（旋转、俯仰）
+map.addControl(new AMap.ControlBar({
+ position: { right: '10px', top: '10px' }
+}));
+
+// 鹰眼（缩略图）
+map.addControl(new AMap.HawkEye());
+
+// 图层切换
+map.addControl(new AMap.MapType());
+```
+
+## 完整示例 (React Hooks)
+
+```jsx
+import React, { useEffect, useRef } from 'react';
+import AMapLoader from '@amap/amap-jsapi-loader';
+
+export default function MapComponent() {
+ const mapRef = useRef(null);
+
+ useEffect(() => {
+ // 安全密钥配置
+ window._AMapSecurityConfig = { securityJsCode: '您的安全密钥' };
+
+ AMapLoader.load({
+ key: '您的Key',
+ version: '2.0',
+ plugins: ['AMap.Scale'], // 预加载插件
+ }).then((AMap) => {
+ mapRef.current = new AMap.Map('map-container', {
+ viewMode: '3D',
+ zoom: 11,
+ center: [116.397428, 39.90923],
+ });
+
+ // 添加控件
+ mapRef.current.addControl(new AMap.Scale());
+ }).catch((e) => {
+ console.error('地图加载失败', e);
+ });
+
+ // 销毁地图
+ return () => {
+ mapRef.current?.destroy();
+ };
+ }, []);
+
+ return ;
+}
+```
\ No newline at end of file
diff --git a/.agents/skills/amap-jsapi-skill/references/marker.md b/.agents/skills/amap-jsapi-skill/references/marker.md
new file mode 100644
index 0000000..0ed83ea
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/marker.md
@@ -0,0 +1,357 @@
+# 点标记 (Markers)
+
+高德地图 JSAPI v2.0 提供了多种类型的点标记，适用于不同的业务场景。
+
+## 1. 基础点标记 (Marker)
+
+最常用的点标记，支持自定义图标或 DOM 内容。
+
+```javascript
+// 默认蓝色水滴图标
+const marker = new AMap.Marker({
+ position: [116.397, 39.909], // 位置
+ icon: new AMap.Icon({
+ size: new AMap.Size(40, 50),
+ image: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
+ imageSize: new AMap.Size(40, 50),
+ }),
+ title: '北京', // 鼠标悬停文本
+});
+map.add(marker);
+
+// 自定义图标
+const iconMarker = new AMap.Marker({
+ position: [116.397, 39.909],
+ icon: new AMap.Icon({
+ size: new AMap.Size(40, 50),
+ image: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
+ imageSize: new AMap.Size(40, 50),
+ }),
+ offset: new AMap.Pixel(-20, -50), // 锚点偏移
+});
+
+// 自定义 DOM 内容 (灵活性最强，但性能消耗较高)
+const contentMarker = new AMap.Marker({
+ position: [116.397, 39.909],
+ content: '
+
+ ${poi.name}
+ × +
+
+ ${poi.address}
+
+
+
+
+ 我的标记
',
+ offset: new AMap.Pixel(-15, -15),
+});
+```
+### 自定义图标样式
+
+以下是几种常用的 Marker 样式，可直接复制使用。
+
+#### 带徽标的定位点
+
+适用于用户头像、 Logo 等场景。
+
+```javascript
+const marker = new AMap.Marker({
+ position: [116.397, 39.909],
+ content: `
+
+ 
+
+
+ `,
+ offset: new AMap.Pixel(-20, -20),
+});
+```
+
+```css
+.avatar-marker {
+ position: relative;
+ width: 40px;
+ height: 40px;
+}
+.avatar-marker img {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ border: 2px solid #fff;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+ object-fit: cover;
+}
+.avatar-marker .status {
+ position: absolute;
+ bottom: 2px;
+ right: 2px;
+ width: 10px;
+ height: 10px;
+ border-radius: 50%;
+ border: 2px solid #fff;
+}
+.avatar-marker .status.online { background: #52c41a; }
+.avatar-marker .status.offline { background: #999; }
+.avatar-marker .status.busy { background: #f5222d; }
+```
+
+#### 信息卡片式 Marker
+
+适用于 POI 展示、信息等场景。
+
+```javascript
+const marker = new AMap.Marker({
+ position: [116.397, 39.909],
+ content: `
+
+
+
+
+ `,
+ offset: new AMap.Pixel(-40, -52),
+});
+```
+
+```css
+.card-marker {
+ position: relative;
+ cursor: pointer;
+ transition: transform 0.2s;
+}
+.card-marker:hover {
+ transform: scale(1.05);
+}
+.card-content {
+ background: #fff;
+ border-radius: 8px;
+ padding: 6px 12px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+ white-space: nowrap;
+}
+.card-price {
+ font-size: 14px;
+ font-weight: 600;
+ color: #1890ff;
+}
+.card-unit {
+ font-size: 12px;
+ color: #999;
+}
+.card-arrow {
+ position: absolute;
+ bottom: -6px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 0;
+ height: 0;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-top: 6px solid #fff;
+}
+/* 选中状态 */
+.card-marker.active .card-content {
+ background: #1890ff;
+}
+.card-marker.active .card-price,
+.card-marker.active .card-unit {
+ color: #fff;
+}
+.card-marker.active .card-arrow {
+ border-top-color: #1890ff;
+}
+```
+
+#### 带数字序号的 Marker
+
+适用于路线规划、排序展示等场景。
+
+```javascript
+function createNumberMarker(number, isStart = false, isEnd = false) {
+ let bgColor = '#1890ff';
+ if (isStart) bgColor = '#52c41a';
+ if (isEnd) bgColor = '#f5222d';
+
+ return new AMap.Marker({
+ position: [116.397, 39.909],
+ content: `
+
+ ¥288
+ /晚
+
+
+
+ ${number}
+
+ `,
+ offset: new AMap.Pixel(-15, -15),
+ });
+}
+
+// 使用示例
+const startMarker = createNumberMarker('起', true);
+const endMarker = createNumberMarker('终', false, true);
+const waypoint = createNumberMarker(1);
+```
+
+```css
+.number-marker {
+ width: 30px;
+ height: 30px;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+ font-size: 14px;
+ font-weight: 600;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ border: 2px solid #fff;
+}
+```
+
+#### 分类图标 Marker
+
+适用于 POI 分类展示。
+
+```javascript
+// 定义分类图标
+const categoryIcons = {
+ restaurant: { icon: '🍽️', color: '#fa8c16' },
+ hotel: { icon: '🏨', color: '#1890ff' },
+ scenic: { icon: '🏞️', color: '#52c41a' },
+ shopping: { icon: '🛍️', color: '#eb2f96' },
+ hospital: { icon: '🏥', color: '#f5222d' },
+};
+
+function createCategoryMarker(category, name) {
+ const { icon, color } = categoryIcons[category] || { icon: '📍', color: '#1890ff' };
+
+ return new AMap.Marker({
+ position: [116.397, 39.909],
+ content: `
+
+
+
+ `,
+ offset: new AMap.Pixel(-50, -58),
+ });
+}
+
+// 使用示例
+const restaurantMarker = createCategoryMarker('restaurant', '海底捞火锅');
+```
+
+```css
+.category-marker {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.marker-icon {
+ width: 36px;
+ height: 36px;
+ background: var(--marker-color);
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 18px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+ border: 2px solid #fff;
+}
+.marker-label {
+ margin-top: 4px;
+ padding: 2px 8px;
+ background: #fff;
+ border-radius: 4px;
+ font-size: 12px;
+ color: #333;
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
+ white-space: nowrap;
+ max-width: 100px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.marker-arrow {
+ width: 0;
+ height: 0;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-top: 5px solid #fff;
+}
+```
+
+## 2. 带文字标记
+
+```javascript
+const marker = new AMap.Marker({
+ position: [116.397, 39.909],
+ label: {
+ content: '北京天安门',
+ direction: 'top', // top, right, bottom, left, center
+ offset: new AMap.Pixel(0, -5),
+ },
+});
+```
+
+## 2. 海量标注 (LabelMarker)
+
+**强烈推荐**用于海量点位（千级/万级以上）展示。它是基于 WebGL 的矢量标注，支持文字和图标避让，性能极佳。
+
+> **注意**：必须配合 `LabelsLayer` 图层使用。
+
+```javascript
+// 1. 创建图层
+const layer = new AMap.LabelsLayer({
+ zooms: [3, 20],
+ zIndex: 1000,
+ collision: true, // 开启碰撞避让
+ allowCollision: false, // 允许被避让隐藏
+});
+map.add(layer);
+
+// 2. 创建 LabelMarker
+const labelMarker = new AMap.LabelMarker({
+ position: [116.397, 39.909],
+ icon: {
+ type: 'image',
+ image: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png',
+ size: [6, 10],
+ anchor: 'bottom-center',
+ },
+ text: {
+ content: '北京天安门',
+ direction: 'top',
+ style: {
+ fontSize: 12,
+ fillColor: '#fff',
+ strokeColor: '#000',
+ strokeWidth: 1,
+ }
+ }
+});
+
+// 3. 添加到图层
+layer.add(labelMarker);
+```
+
+## 3. 灵活点标记 (ElasticMarker)
+
+适用于随地图缩放需要动态改变样式或大小的场景。
+
+```javascript
+const elasticMarker = new AMap.ElasticMarker({
+ position: [116.397, 39.909],
+ zooms: [14, 20],
+ styles: [{
+ icon: {
+ img: '...',
+ size: [16, 16],
+ ancher: [8, 16],
+ fitZoom: 14, // 适用于 zoom >= 14
+ scaleFactor: 2, // 缩放比例
+ }
+ }]
+});
+map.add(elasticMarker);
+```
+
+## 常用操作
+
+```javascript
+marker.setPosition([lng, lat]); // 更新位置
+marker.setMap(null); // 从地图移除
+marker.hide(); // 隐藏
+marker.show(); // 显示
+```
diff --git a/.agents/skills/amap-jsapi-skill/references/routing.md b/.agents/skills/amap-jsapi-skill/references/routing.md
new file mode 100644
index 0000000..7fa6f0e
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/routing.md
@@ -0,0 +1,629 @@
+# 路径规划 (Routing)
+
+高德地图提供了驾车、步行、骑行和公交等多种路径规划服务。
+
+## 1. 驾车路线规划 (Driving)
+
+支持策略配置（如躲避拥堵、不走高速等）和多点路径规划。
+
+```javascript
+// 构造路线规划类
+const driving = new AMap.Driving({
+ map: map, // 绑定地图，自动绘制路线
+ panel: 'panel-id', // 结果列表的容器 ID (可选)
+ policy: AMap.DrivingPolicy.LEAST_TIME, // 策略：最快
+});
+
+// 根据经纬度规划
+// 参数：起点，终点，(可选)途经点，回调
+driving.search(
+ [116.379028, 39.865042], // 起点
+ [116.427281, 39.903719], // 终点
+ function(status, result) {
+ if (status === 'complete') {
+ console.log('绘制驾车路线完成');
+ } else {
+ console.error('获取驾车数据失败：' + result);
+ }
+ }
+);
+
+// 根据关键字规划
+driving.search([
+ {keyword: '北京站', city: '北京'},
+ {keyword: '北京大学', city: '北京'}
+], function(status, result) {
+ // ...
+});
+// 根据关键字规划
+driving.search([
+ {keyword: '北京站', city: '北京'},
+ {keyword: '北京大学', city: '北京'}
+], function(status, result) {
+ // ...
+});
+```
+## 完整示例
+
+```javascript
+const map = new AMap.Map('container', {
+ zoom: 12,
+ center: [116.397, 39.909]
+});
+
+const driving = new AMap.Driving({
+ policy: AMap.DrivingPolicy.LEAST_TIME,
+ showTraffic: true
+});
+
+function planDriving(start, end) {
+ // 清除之前的路线
+ driving.clear();
+
+ driving.search(start, end, function(status, result) {
+ if (status === 'complete') {
+ const route = result.routes[0];
+
+ // 提取路径点
+ const path = [];
+ route.steps.forEach(step => {
+ path.push(...step.path);
+ });
+
+ // 绘制路线
+ const polyline = new AMap.Polyline({
+ path: path,
+ strokeColor: '#1890ff',
+ strokeWeight: 6,
+ strokeOpacity: 0.9,
+ lineJoin: 'round',
+ lineCap: 'round'
+ });
+ map.add(polyline);
+
+ // 显示信息
+ showRouteInfo(route);
+
+ // 调整视野
+ map.setFitView();
+ } else {
+ alert('驾车规划失败：' + result);
+ }
+ });
+}
+
+function showRouteInfo(route) {
+ const distance = (route.distance / 1000).toFixed(1) + ' 公里';
+ const time = formatTime(route.time);
+ const tolls = route.tolls ? route.tolls + ' 元' : '无';
+
+ console.log(`距离: ${distance}, 时间: ${time}, 过路费: ${tolls}`);
+}
+
+function formatTime(seconds) {
+ const hours = Math.floor(seconds / 3600);
+ const minutes = Math.round((seconds % 3600) / 60);
+ if (hours > 0) {
+ return `${hours} 小时 ${minutes} 分钟`;
+ }
+ return `${minutes} 分钟`;
+}
+
+// 使用
+planDriving([116.379028, 39.865042], [116.427281, 39.903719]);
+```
+
+## 自定义路线样式
+
+```javascript
+driving.search(start, end, function(status, result) {
+ if (status === 'complete') {
+ const route = result.routes[0];
+ const path = [];
+
+ route.steps.forEach(step => {
+ path.push(...step.path);
+ });
+
+ // 底层阴影
+ const shadowLine = new AMap.Polyline({
+ path: path,
+ strokeColor: '#0d47a1',
+ strokeWeight: 10,
+ strokeOpacity: 0.5
+ });
+
+ // 主路线
+ const mainLine = new AMap.Polyline({
+ path: path,
+ strokeColor: '#1890ff',
+ strokeWeight: 6,
+ strokeOpacity: 0.9
+ });
+
+ map.add([shadowLine, mainLine]);
+ }
+});
+```
+
+## 清除路线
+
+```javascript
+// 使用内置方法
+driving.clear();
+
+// 或手动移除
+map.remove(polyline);
+```
+
+## 注意事项
+
+1. **起终点格式**: 支持经纬度数组或关键字对象
+2. **途经点限制**: 最多支持 16 个途经点
+3. **路况显示**: 设置 `showTraffic: true` 显示实时路况
+4. **车牌限行**: 设置 `number` 参数可判断限行路段
+5. **自动渲染**: 设置 map 和 panel 后会自动渲染路线和结果面板
+
+## 2. 其他出行方式
+
+接口调用方式与 `Driving` 类似。
+
+### 步行 (Walking)
+
+```javascript
+const walking = new AMap.Walking({
+ map: map,
+ panel: 'panel'
+});
+
+walking.search([116.399028, 39.845042], [116.436281, 39.880719], function(status, result) {});
+```
+## 完整示例
+
+```javascript
+const map = new AMap.Map('container', {
+ zoom: 14,
+ center: [116.397, 39.909]
+});
+
+const walking = new AMap.Walking();
+
+function planWalking(start, end) {
+ walking.search(start, end, function(status, result) {
+ if (status === 'complete') {
+ const route = result.routes[0];
+
+ // 提取路径点
+ const path = [];
+ route.steps.forEach(step => {
+ path.push(...step.path);
+ });
+
+ // 绘制路线（虚线样式）
+ const polyline = new AMap.Polyline({
+ path: path,
+ strokeColor: '#52c41a',
+ strokeWeight: 5,
+ strokeOpacity: 0.9,
+ strokeStyle: 'dashed', // 虚线
+ strokeDasharray: [10, 5]
+ });
+ map.add(polyline);
+
+ // 添加起点终点标记
+ addStartEndMarkers(start, end);
+
+ // 显示信息
+ const distance = formatDistance(route.distance);
+ const time = formatTime(route.time);
+ console.log(`步行距离: ${distance}, 预计时间: ${time}`);
+
+ // 调整视野
+ map.setFitView();
+ } else {
+ alert('步行规划失败');
+ }
+ });
+}
+
+function addStartEndMarkers(start, end) {
+ // 起点
+ new AMap.Marker({
+ map: map,
+ position: start,
+ content: createMarkerContent('起', '#52c41a'),
+ offset: new AMap.Pixel(-16, -40)
+ });
+
+ // 终点
+ new AMap.Marker({
+ map: map,
+ position: end,
+ content: createMarkerContent('终', '#f5222d'),
+ offset: new AMap.Pixel(-16, -40)
+ });
+}
+
+function createMarkerContent(text, color) {
+ return `
+
+ `;
+}
+
+function formatDistance(distance) {
+ if (distance < 1000) {
+ return Math.round(distance) + ' 米';
+ }
+ return (distance / 1000).toFixed(1) + ' 公里';
+}
+
+function formatTime(seconds) {
+ if (seconds < 60) {
+ return Math.round(seconds) + ' 秒';
+ }
+ return Math.round(seconds / 60) + ' 分钟';
+}
+
+// 使用
+planWalking([116.379028, 39.865042], [116.385281, 39.870719]);
+```
+
+### 骑行 (Riding)
+
+```javascript
+const riding = new AMap.Riding({
+ map: map
+});
+
+riding.search([116.399028, 39.845042], [116.436281, 39.880719]);
+```
+## 完整示例
+
+```javascript
+const map = new AMap.Map('container', {
+ zoom: 13,
+ center: [116.397, 39.909]
+});
+
+const riding = new AMap.Riding();
+
+function planRiding(start, end) {
+ riding.search(start, end, function(status, result) {
+ if (status === 'complete') {
+ const route = result.routes[0];
+
+ // 提取路径点
+ const path = [];
+ route.rides.forEach(ride => {
+ path.push(...ride.path);
+ });
+
+ // 绘制路线（橙色，表示骑行）
+ const polyline = new AMap.Polyline({
+ path: path,
+ strokeColor: '#fa8c16',
+ strokeWeight: 5,
+ strokeOpacity: 0.9,
+ lineJoin: 'round',
+ lineCap: 'round'
+ });
+ map.add(polyline);
+
+ // 添加起点终点标记
+ addStartEndMarkers(start, end);
+
+ // 显示信息
+ showRouteInfo(route);
+
+ // 调整视野
+ map.setFitView();
+ } else {
+ alert('骑行规划失败');
+ }
+ });
+}
+
+function addStartEndMarkers(start, end) {
+ // 起点
+ new AMap.Marker({
+ map: map,
+ position: start,
+ content: createBikeMarker('起', '#52c41a'),
+ offset: new AMap.Pixel(-16, -40)
+ });
+
+ // 终点
+ new AMap.Marker({
+ map: map,
+ position: end,
+ content: createBikeMarker('终', '#fa541c'),
+ offset: new AMap.Pixel(-16, -40)
+ });
+}
+
+function createBikeMarker(text, color) {
+ return `
+
+ `;
+}
+
+function showRouteInfo(route) {
+ const distance = formatDistance(route.distance);
+ const time = formatTime(route.time);
+
+ // 估算消耗卡路里（约 30 卡/公里）
+ const calories = Math.round(route.distance / 1000 * 30);
+
+ console.log(`
+ 骑行距离: ${distance}
+ 预计时间: ${time}
+ 预计消耗: ${calories} 卡路里
+ `);
+}
+
+function formatDistance(distance) {
+ if (distance < 1000) {
+ return Math.round(distance) + ' 米';
+ }
+ return (distance / 1000).toFixed(1) + ' 公里';
+}
+
+function formatTime(seconds) {
+ const hours = Math.floor(seconds / 3600);
+ const minutes = Math.round((seconds % 3600) / 60);
+ if (hours > 0) {
+ return `${hours} 小时 ${minutes} 分钟`;
+ }
+ return `${minutes} 分钟`;
+}
+
+// 使用
+planRiding([116.379028, 39.865042], [116.420281, 39.890719]);
+```
+
+## 自定义路线样式
+
+```javascript
+// 橙色渐变效果（骑行风格）
+const colors = ['#fa8c16', '#ffa940', '#ffc069'];
+
+riding.search(start, end, function(status, result) {
+ if (status === 'complete') {
+ const route = result.routes[0];
+ const path = [];
+
+ route.rides.forEach(ride => {
+ path.push(...ride.path);
+ });
+
+ // 底层阴影
+ const shadowLine = new AMap.Polyline({
+ path: path,
+ strokeColor: '#d46b08',
+ strokeWeight: 8,
+ strokeOpacity: 0.4
+ });
+
+ // 主路线
+ const mainLine = new AMap.Polyline({
+ path: path,
+ strokeColor: '#fa8c16',
+ strokeWeight: 5,
+ strokeOpacity: 0.9,
+ lineJoin: 'round',
+ lineCap: 'round'
+ });
+
+ map.add([shadowLine, mainLine]);
+ }
+});
+```
+
+## 电动车模式
+
+```javascript
+const riding = new AMap.Riding({
+ policy: 1 // 1 表示电动车
+});
+
+riding.search(start, end, function(status, result) {
+ // 电动车路线规划
+});
+```
+
+## 清除路线
+
+```javascript
+riding.clear();
+```
+
+## 注意事项
+
+1. **路径特点**: 骑行路线会优先选择非机动车道、自行车道
+2. **速度估算**: 默认按照 15km/h（普通自行车）或 20km/h（电动车）估算
+3. **距离限制**: 骑行规划适合中短距离，过长距离可能无结果
+4. **颜色区分**: 建议使用橙色与驾车（蓝色）、步行（绿色）路线区分
+5. **上下坡**: 骑行路线会尽量避免陡坡路段
+
+### 公交 (Transfer)
+
+```javascript
+const transfer = new AMap.Transfer({
+ map: map,
+ city: '北京市',
+ policy: AMap.TransferPolicy.LEAST_TIME // 最快捷模式
+});
+
+transfer.search([116.291, 39.887], [116.436, 39.880], function(status, result) {});
+```
+## 完整示例
+
+```javascript
+const map = new AMap.Map('container', {
+ zoom: 12,
+ center: [116.397, 39.909]
+});
+
+const transfer = new AMap.Transfer({
+ city: '北京市',
+ policy: AMap.TransferPolicy.LEAST_TIME
+});
+
+function planTransit(start, end) {
+ transfer.search(start, end, function(status, result) {
+ if (status === 'complete' && result.plans && result.plans.length > 0) {
+ const plan = result.plans[0]; // 取第一个方案
+
+ // 遍历每个段落
+ plan.segments.forEach((segment, index) => {
+ // 乘车段
+ if (segment.transit && segment.transit.path) {
+ const polyline = new AMap.Polyline({
+ path: segment.transit.path,
+ strokeColor: '#1890ff',
+ strokeWeight: 6,
+ strokeOpacity: 0.9
+ });
+ map.add(polyline);
+
+ // 添加上下车站标记
+ addStationMarker(segment.transit.on_station, '上');
+ addStationMarker(segment.transit.off_station, '下');
+ }
+
+ // 步行段
+ if (segment.walking && segment.walking.path) {
+ const polyline = new AMap.Polyline({
+ path: segment.walking.path,
+ strokeColor: '#52c41a',
+ strokeWeight: 4,
+ strokeOpacity: 0.8,
+ strokeStyle: 'dashed'
+ });
+ map.add(polyline);
+ }
+ });
+
+ // 显示方案信息
+ showPlanInfo(plan);
+
+ // 调整视野
+ map.setFitView();
+ } else {
+ alert('公交规划失败');
+ }
+ });
+}
+
+function addStationMarker(station, type) {
+ if (!station) return;
+
+ new AMap.Marker({
+ map: map,
+ position: station.location,
+ content: `${name}
+
+ ${type} ${station.name}
`,
+ offset: new AMap.Pixel(-20, -10)
+ });
+}
+
+function showPlanInfo(plan) {
+ const distance = formatDistance(plan.distance);
+ const time = formatTime(plan.time);
+ const cost = plan.cost ? plan.cost + ' 元' : '未知';
+ const walkDistance = formatDistance(plan.walking_distance);
+
+ console.log(`
+ 总距离: ${distance}
+ 预计时间: ${time}
+ 票价: ${cost}
+ 步行距离: ${walkDistance}
+ `);
+
+ // 显示换乘详情
+ plan.segments.forEach((segment, index) => {
+ if (segment.transit) {
+ const t = segment.transit;
+ console.log(`第${index + 1}段: ${t.name} (${t.on_station.name} → ${t.off_station.name})`);
+ }
+ });
+}
+
+function formatDistance(distance) {
+ if (distance < 1000) {
+ return Math.round(distance) + ' 米';
+ }
+ return (distance / 1000).toFixed(1) + ' 公里';
+}
+
+function formatTime(seconds) {
+ const hours = Math.floor(seconds / 3600);
+ const minutes = Math.round((seconds % 3600) / 60);
+ if (hours > 0) {
+ return `${hours} 小时 ${minutes} 分钟`;
+ }
+ return `${minutes} 分钟`;
+}
+
+// 使用
+planTransit([116.379028, 39.865042], [116.527281, 39.950719]);
+```
+
+## 显示多个方案
+
+```javascript
+transfer.search(start, end, function(status, result) {
+ if (status === 'complete' && result.plans) {
+ // 显示所有方案供用户选择
+ result.plans.forEach((plan, index) => {
+ const info = {
+ index: index + 1,
+ time: formatTime(plan.time),
+ cost: plan.cost + ' 元',
+ transfers: plan.segments.filter(s => s.transit).length - 1 // 换乘次数
+ };
+ console.log(`方案${info.index}: ${info.time}, ${info.cost}, 换乘${info.transfers}次`);
+ });
+ }
+});
+```
+
+## 清除路线
+
+```javascript
+transfer.clear();
+```
+
+## 注意事项
+
+1. **城市参数必填**: Transfer 必须指定城市参数
+2. **跨城市**: 不支持跨城市公交规划
+3. **换乘策略**: 不同策略会返回不同的方案
+4. **夜班车**: 设置 `nightflag: true` 计算夜班车路线
+5. **多方案**: 通常会返回多个方案，可供用户选择
+6. **路径绘制**: 需要分别处理乘车段和步行段
+
+
+## 3. 拖拽导航
+
+开启 `showTraffic` 可显示实时路况，部分插件支持拖拽修改路径。
+
+```javascript
+const driving = new AMap.Driving({
+ map: map,
+ showTraffic: true, // 显示路况
+});
+```
diff --git a/.agents/skills/amap-jsapi-skill/references/search.md b/.agents/skills/amap-jsapi-skill/references/search.md
new file mode 100644
index 0000000..4018799
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/search.md
@@ -0,0 +1,104 @@
+# 搜索服务 (Search)
+
+搜索服务主要包含 POI 搜索 (`PlaceSearch`) 和 输入提示 (`AutoComplete`)。
+
+## 1. 输入提示 (AutoComplete)
+
+根据输入关键字提示匹配信息，通常与搜索组合使用。
+
+```javascript
+const autoOptions = {
+ city: '北京', // 限制城市
+ input: 'tipinput' // 绑定输入框的 ID，自动监听输入
+};
+
+const autoComplete = new AMap.AutoComplete(autoOptions);
+
+// 监听选中事件
+autoComplete.on('select', function(e) {
+ console.log('选中：', e.poi.name);
+ // 选中后通常调用 PlaceSearch 进行详细搜索
+ placeSearch.search(e.poi.name);
+});
+```
+
+## 2. POI 搜索 (PlaceSearch)
+
+查询兴趣点（POI）信息，如餐厅、酒店、景点等。
+
+### 基础配置
+
+```javascript
+const placeSearch = new AMap.PlaceSearch({
+ map: map, // 结果自动展示在地图上
+ panel: 'panel', // 结果列表容器
+ pageSize: 5, // 每页结果数
+ pageIndex: 1, // 当前页码
+ city: '010', // 兴趣点城市
+ citylimit: true, // 是否强制限制在设置的城市内
+});
+```
+
+### 搜索方式
+
+#### 关键字搜索
+
+```javascript
+placeSearch.search('北京大学', function(status, result) {
+ // result.poiList.pois 包含 POI 数组
+});
+```
+
+#### 周边搜索 (NearBy)
+
+查询中心点周边的 POI。
+
+```javascript
+const center = [116.405467, 39.907761];
+const radius = 500; // 半径 (米)
+const type = '餐饮服务'; // POI 类型
+
+placeSearch.searchNearBy(type, center, radius, function(status, result) {
+ // ...
+});
+```
+
+#### 多边形内搜索 (InBounds)
+
+查询矩形或多边形范围内的 POI。
+
+```javascript
+const polygon = new AMap.Polygon({
+ path: [[116.39, 39.91], [116.41, 39.91], [116.41, 39.93], [116.39, 39.93]]
+});
+
+placeSearch.searchInBounds('酒店', polygon, function(status, result) {
+ // ...
+});
+```
+## POI 类型编码
+
+常用类型编码示例：
+
+| 编码 | 类型 |
+| :--- | :--- |
+| 050000 | 餐饮服务 |
+| 060000 | 购物服务 |
+| 070000 | 生活服务 |
+| 080000 | 体育休闲服务 |
+| 090000 | 医疗保健服务 |
+| 100000 | 住宿服务 |
+| 110000 | 风景名胜 |
+| 120000 | 商务住宅 |
+| 130000 | 政府机构及社会团体 |
+| 140000 | 科教文化服务 |
+| 150000 | 交通设施服务 |
+| 160000 | 金融保险服务 |
+
+## 注意事项
+
+1. **城市设置**: 不设置 city 时默认全国搜索
+2. **结果数量**: pageSize 最大为 50
+3. **详细信息**: 需要电话、网址等信息时设置 `extensions: 'all'`
+4. **距离字段**: 只有周边搜索时才有 distance 字段
+5. **自动渲染**: 设置 map 和 panel 后会自动渲染结果，无需手动处理
diff --git a/.agents/skills/amap-jsapi-skill/references/security.md b/.agents/skills/amap-jsapi-skill/references/security.md
new file mode 100644
index 0000000..202920c
--- /dev/null
+++ b/.agents/skills/amap-jsapi-skill/references/security.md
@@ -0,0 +1,162 @@
+# 安全配置 (Security Configuration)
+
+自 2021 年 12 月 02 日起，高德地图 JSAPI v2.0 强制要求进行安全密钥配置，否则将无法正常加载地图或调用插件。
+
+## 配置原理
+
+为了提升密钥安全性，JSAPI v2.0 引入了“安全密钥”机制。开发者需要配合 `key` (用户 Key) 和 `securityJsCode` (安全密钥) 使用。
+
+- **Key (用户 Key)**:用于标识开发者身份，明文传递。
+- **SecurityJsCode (安全密钥)**: 用于后端验证，不应在生产环境前端明文暴露。
+
+## 配置方式
+
+### 方式一：明文设置（仅限开发环境）
+
+在开发阶段，为方便调试，可以直接在前端代码中设置 `securityJsCode`。
+**注意：请确保在调用 `AMapLoader.load` 之前设置。**
+
+```javascript
+window._AMapSecurityConfig = {
+ securityJsCode: '您的安全密钥', // 必填，从高德控制台申请
+};
+```
+
+### 方式二：代理转发（生产环境推荐）
+
+在生产环境中，为了避免安全密钥泄露，强烈建议使用代理服务器转发请求。通过配置 `serviceHost`，将地图 API 请求转发到您的后端服务，再由后端服务附带安全密钥请求高德接口。
+
+#### 1. 前端配置
+设置 `serviceHost` 指向您的代理服务地址。
+
+```javascript
+window._AMapSecurityConfig = {
+ serviceHost: 'https://您的代理服务器域名/_AMapService',
+ // 例如：'https://api.example.com/_AMapService'
+};
+```
+
+#### 2. Nginx 代理配置示例
+
+在您的 Nginx 服务器上配置转发规则。
+
+```nginx
+server {
+ listen 80;
+ server_name api.example.com;
+
+ location /_AMapService/ {
+ set $args "$args&jscode=您的安全密钥";
+ proxy_pass https://restapi.amap.com/;
+ }
+}
+```
+
+**配置说明：**
+- 前端请求 `https://api.example.com/_AMapService/v3/weather/weatherInfo?city=110101`
+- Nginx 转发为 `https://restapi.amap.com/v3/weather/weatherInfo?city=110101&jscode=您的安全密钥`
+
+#### 3. Node.js 代理配置示例
+
+使用 `express` 和 `http-proxy-middleware` 实现代理转发。
+
+```javascript
+const express = require('express');
+const { createProxyMiddleware } = require('http-proxy-middleware');
+const app = express();
+
+app.use('/_AMapService', createProxyMiddleware({
+ target: 'https://restapi.amap.com',
+ changeOrigin: true,
+ pathRewrite: { '^/_AMapService': '' }, // 去除请求路径中的 /_AMapService 前缀
+ onProxyReq: (proxyReq, req, res) => {
+ // 拦截请求，追加 jscode 参数
+ const url = new URL(req.url, 'https://restapi.amap.com');
+ url.searchParams.append('jscode', '您的安全密钥');
+
+ // 修改转发请求的路径
+ proxyReq.path = url.pathname + url.search;
+ }
+}));
+
+app.listen(3000, () => {
+ console.log('Proxy server is running on http://localhost:3000');
+});
+```
+
+#### 4. Java (Spring Boot) 代理配置示例
+
+使用 `RestTemplate` 手动转发请求并追加安全密钥。
+
+```java
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RestController;
+import org.springframework.web.client.RestTemplate;
+import org.springframework.http.ResponseEntity;
+import javax.servlet.http.HttpServletRequest;
+
+@RestController
+public class AMapProxyController {
+
+ // 建议将密钥配置在 application.properties 中
+ private static final String SECURITY_JS_CODE = "您的安全密钥";
+
+ @GetMapping("/_AMapService/**")
+ public ResponseEntity