高德地图 JSAPI 2.0 开发套件
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_4087d49f/amap-jsapi2-demo-kit。
技能介绍
问题场景
高德地图 JSAPI 2.0 的接口分散在初始化、覆盖物、图层、事件和 LBS 服务中,v2.0 又引入 securityJsCode 鉴权,开发者容易在加载顺序、密钥代理、插件声明、map.destroy() 等细节上踩坑。这个技能面向需要快速产出可用前端地图 Demo 的工程师,重点是把分散的 API 示例收敛成可阅读、可执行、可校验的开发材料。
工作方式与边界
该技能围绕 AMapLoader.load()、new AMap.Map()、Marker、Polyline、Polygon、InfoWindow、Layer、Geocoder、PlaceSearch 等模块组织场景示例与 API 参考。使用时可先按场景选择对应示例,再核对具体类的方法签名,适合生成地图初始化、点位标注、轨迹绘制、区域面渲染、图层叠加、路径规划、POI 搜索等页面。它会强调 v2.0 的安全密钥配置、生产环境代理 serviceHost、按需声明 plugins,并在组件卸载时调用 map.destroy() 以释放 WebGL 上下文。边界上,它更适合前端集成和高德 JSAPI 2.0 的常见开发任务,不替代后端密钥代理、真实业务数据接入或复杂 GIS 架构设计。
使用场景
- 前端需要在活动页里快速生成一个可缩放、平移、旋转的地图首页 Demo。
- 需要在地图页面上标注门店位置,并支持信息窗、右键菜单和海量点避让。
- 开发物流轨迹页时,要绘制路线折线、区域多边形,并接入路径规划服务。
- 做位置搜索框时,需要调用 POI 搜索、输入提示和地理编码/逆地理编码。
适合人员
- 需要把高德地图接入官网首页并快速产出交互 Demo 的前端工程师。
- 负责门店、物流或出行类页面,要完成覆盖物、路径规划和 POI 搜索的 Web 开发者。
- 需要按 v2.0 安全密钥规范做地图初始化、代理配置和资源释放的集成工程师。
- 在做 LBS 应用时,要核对地理编码、路径规划、POI 搜索等 API 用法的团队技术负责人。