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-4/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我想在网页上显示北京市中心的地图,并添加一个标记点。’,它会指导你引入腾讯地图JS API GL库,初始化地图容器,设置中心点坐标为北京,并创建Marker对象添加到地图上。或者问:‘如何实现从A点到B点的驾车路线规划并在地图上绘制?’,它会提供使用DrivingService进行路线检索,并使用Polyline覆盖物绘制路径的完整代码示例。
介绍
本技能旨在解决开发者在构建基于腾讯地图JavaScript GL API的Web应用时,面临的API使用复杂、功能点分散、调试困难等问题。它提供了关于地图初始化、覆盖物管理、事件处理、路线规划、三维可视化等核心功能的详细指导和代码示例。
使用时,开发者可以在编写、审查或调试涉及腾讯地图的代码时,向AI助手提问,技能会提供相应的API用法、最佳实践和常见问题解决方案,帮助快速定位和解决问题。
该技能主要面向需要集成腾讯地图功能的前端开发者、全栈开发者以及GIS应用开发者,尤其适合正在开发位置服务、出行导航、地理信息可视化等Web应用的技术人员。
建议在使用前明确具体需求,例如是地图显示、路径绘制还是地点搜索,以便获得更精准的指导。同时,请注意该技能基于腾讯地图JS API GL版本,与其他地图服务商的API存在差异。
核心特点
专注于腾讯地图JavaScript GL API这一特定技术栈,提供从基础初始化到高级三维渲染的完整开发指导,而非通用的地图开发概念。
注意事项
不适用于非腾讯地图API(如百度、高德地图)的开发,也不直接处理底层图形渲染或非Web平台(如原生移动端)的地图集成。
常见问题
如何初始化一个带中心点和缩放级别的腾讯地图?
使用 `new TMap.Map()` 构造函数,并在容器DOM ID和初始化选项中设置中心点坐标与缩放级别。
如何在地图上添加一个标记点(Marker)?
创建 `TMap.Marker` 实例,设置其位置(经纬度)和地图实例,然后调用相关方法添加。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/tencentmap-jsapi-gl-skill-x-4/raw/index.md 读取 tencentmap-jsapi-gl-skill 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/tencentmap-jsapi-gl-skill-x-4/raw/index.md(查看排版版本)