tencentmap-jsapi-gl-skill
腾讯地图JSAPI GL开发指南,助力地图应用开发
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:tencentmap-jsapi-gl-skill。 它的用途是:腾讯地图JSAPI GL开发指南,助力地图应用开发 完整的 Skill 内容见:https://321skill.com/skills/tencentmap-jsapi-gl-skill-x-6/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我正在用腾讯地图JSAPI GL开发一个物流轨迹展示页面,需要在地图上绘制一条动态前进的货车行驶路线,并且能实时更新货车图标位置。',它会提供创建 Polyline 图层绘制路线、使用 Marker 图层表示货车、以及通过 setGeometries 方法动态更新 Marker 位置的完整代码示例和实现思路。
介绍
本技能旨在解决开发者在编写、审查或调试使用腾讯地图JavaScript GL API代码时遇到的各种问题。它提供了从地图初始化、覆盖物展示到图层控制、事件处理、控件交互、可视化渲染、地图工具、检索、路线规划、地址查询、行政区划、IP定位、几何计算乃至三维模型展示和性能优化等一系列功能的开发指导。
使用时,开发者可以将其视为一个内置于AI助手的地图开发专家。无论是需要查询特定API的用法、调试地图显示异常、优化渲染性能,还是设计复杂的交互逻辑,都可以向AI提问,技能会提供基于腾讯地图官方最佳实践的代码示例、问题排查思路和优化建议。
该技能非常适合前端开发、全栈开发以及任何需要在Web应用中集成地图功能的开发者。无论是构建出行应用、物流跟踪系统、房产展示平台,还是开发需要地理位置可视化的数据分析工具,都能从中获得精准支持。
建议在使用前明确具体需求,例如是地图初始化参数设置、特定覆盖物(如标记、折线、多边形)的添加与交互,还是路线规划服务的调用。提供清晰的上下文(如错误信息、预期效果与实际效果的差异)有助于获得更准确的帮助。注意,本技能专注于腾讯地图JSAPI GL版本,不适用于其他地图服务商或旧版API。
核心特点
专注于腾讯地图JavaScript GL这一特定API的深度支持,提供从基础初始化到高级三维渲染、性能优化等全链路开发指导,而非泛泛的地图开发概念。
注意事项
不适用于非腾讯地图API(如百度、高德地图)的开发,也不适用于移动端原生SDK或小程序地图组件的开发场景。
常见问题
如何初始化一个带中心点和缩放级别的腾讯地图?
使用 new TMap.Map(containerId, { center: new TMap.LatLng(lat, lng), zoom: 12 }) 进行初始化。
如何在地图上添加一个可点击的标记点?
创建 Marker 图层,通过 geometries 配置点坐标和属性,并监听其 click 事件。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/tencentmap-jsapi-gl-skill-x-6/raw/index.md 读取 tencentmap-jsapi-gl-skill 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/tencentmap-jsapi-gl-skill-x-6/raw/index.md(查看排版版本)