tencentmap-jsapi-gl-skill

腾讯地图JS API GL开发指南,用于地图应用开发与调试。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:tencentmap-jsapi-gl-skill。
它的用途是:腾讯地图JS API GL开发指南,用于地图应用开发与调试。
完整的 Skill 内容见:https://321skill.com/skills/tencentmap-jsapi-gl-skill-x-5/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

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

使用示例

‘我想在网页上显示一个腾讯地图,并在用户点击的位置添加一个标记点,该怎么做?’,它会提供初始化地图的HTML和JavaScript代码结构,并解释如何使用`TMap.Map`和`TMap.MultiMarker` API来实现点击添加标记的功能。或者问:‘我的地图路线规划功能返回了错误,如何调试?’,AI会引导你检查API密钥、请求参数格式,并给出常见的错误码排查方法。

介绍

本技能旨在为开发者提供腾讯地图JavaScript GL API的详细开发指导,解决在Web端集成地图功能时遇到的各种技术问题。它涵盖了从地图初始化、覆盖物(如标记、多边形)展示、图层控制,到事件处理、控件交互、可视化渲染以及路线规划、地址查询等高级功能的全过程,帮助开发者高效构建功能丰富的地图应用。

使用时,开发者可以将其作为代码编写、审查和调试过程中的参考手册。当需要实现特定地图功能(如添加自定义标记、处理用户点击地图事件、规划出行路线)或排查地图相关Bug时,可向AI提问,AI将基于此技能库中的知识提供准确的代码示例、API用法解释和最佳实践建议。

该技能主要适合前端开发、全栈开发以及需要在地图可视化项目中工作的开发者。无论是开发出行应用、物流追踪系统、房产平台,还是任何需要地理位置展示与交互的Web工具,都能从中受益。

使用建议:在提问时,尽量具体描述你想要实现的功能或遇到的错误。注意事项:本技能主要针对腾讯地图JS API GL版本,与其他地图服务商的API(如百度、高德)不兼容,且部分高级功能(如三维模型展示)可能需要特定的权限或密钥配置。

核心特点

专注于腾讯地图JavaScript GL API这一特定技术栈,提供了从基础到高级的完整开发指南,而非通用的地图开发概念。其内容深度覆盖了腾讯地图特有的功能,如三维模型展示、性能优化建议等,是开发腾讯地图生态应用的权威参考。

注意事项

不适用于百度地图、高德地图等其他地图服务商的API开发,也不适合非Web端(如原生移动应用)的地图集成。

常见问题

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

需要引入JS API GL库,创建地图容器div,并使用`new TMap.Map()`构造函数传入容器ID和配置项(如中心点、缩放级别)来初始化。

如何在地图上添加一个自定义图标标记?

使用`new TMap.MultiMarker()`类,在其`styles`和`geometries`配置中指定图标的图片URL、大小及位置坐标即可添加。

给 AI 助手的安装指引

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

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