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-3/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

'请帮我用腾讯地图JSAPI GL初始化一个地图,显示北京天安门,并添加一个标记在坐标(116.397428, 39.90923)上。' 它会生成完整的HTML代码,包含地图容器、加载腾讯地图API脚本、创建地图实例并添加标记,并附带注释说明。

介绍

本技能旨在解决腾讯地图JavaScript GL(JSAPIGL)开发过程中的常见问题,包括地图初始化、覆盖物展示、图层控制、事件处理、控件交互、可视化渲染、地图工具、检索、路线规划、地址解析、行政区划、IP定位、几何计算、三维模型展示、性能优化等。它提供了一套完整的开发指南和代码示例,帮助开发者快速上手并高效实现地图功能。

使用方式:在编写、审查或调试使用腾讯地图API的代码时,直接向AI描述需求,例如“初始化一个地图并添加标记”或“实现路线规划功能”,AI将根据技能库中的文档和示例生成符合规范的代码。也可用于代码审查,检查是否符合腾讯地图API的最佳实践。

适合用户:前端开发工程师、全栈开发工程师、智能体开发者,以及需要在地图应用中集成地理位置服务的产品经理和技术人员。尤其适合正在使用或计划使用腾讯地图JSAPI GL的项目团队。

使用建议:建议先了解腾讯地图JSAPI GL的基本概念,如地图实例、覆盖物类型、图层体系等。本技能专注于前端地图开发,不涉及后端服务或跨平台原生地图SDK。在遇到复杂业务场景时,可结合具体需求进一步细化提示词。

核心特点

与百度地图、高德地图等同类技能不同,本技能专门针对腾讯地图JSAPI GL,提供完整的官方开发指南和覆盖物、图层、可视化、检索、路线规划等全链路代码示例,且持续跟随腾讯地图API更新。

注意事项

不适用于非腾讯地图的场景(如百度地图、高德地图),也不适用于后端地图服务或原生移动端SDK的开发。

常见问题

如何初始化一个腾讯地图?

使用`new T.Map(container, options)`,传入容器DOM元素和配置项,如中心点坐标、缩放级别等。

如何在地图上添加标记?

使用`T.Marker`类,设置位置和图标,然后调用`addOverlay()`方法添加到地图实例。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/tencentmap-jsapi-gl-skill-x-3/raw/index.md 读取 tencentmap-jsapi-gl-skill 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。