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-7/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我需要在网页上展示北京市的行政区划边界,并高亮朝阳区,请用腾讯地图JSAPI GL实现。' 它会生成包含TMap.Map地图初始化、加载行政区划数据(使用TMap.service.AdministrativeDivisionService)以及绘制多边形覆盖物的完整代码,并附带如何设置高亮样式的注释。
介绍
本Skill解决了在Web应用中集成腾讯地图JavaScript GL版API时遇到的技术难题,涵盖从地图初始化、覆盖物展示、图层控制到事件处理、控件交互、可视化渲染、地图工具、检索、路线规划、地址解析、行政区划、IP定位、几何计算、三维模型展示、性能优化等全链路开发场景。它帮助开发者快速掌握腾讯地图GL版的核心用法,避免因文档分散或版本差异导致的调试成本。
使用时,只需在对话中描述你的地图需求,例如“生成一个深圳中心点、带缩放控件和标记点的地图”,Skill会基于最新的腾讯地图JSAPI GL语法生成可直接运行的HTML代码片段,并附带关键参数说明。你还可以请求审查或调试现有代码,Skill会识别API调用错误、版本兼容性问题或性能瓶颈,并给出修复建议。
此Skill特别适合前端开发、全栈开发以及数据分析师(需在地图上展示数据可视化图层)等角色。无论是搭建物流配送监控面板、商圈热力图、位置服务AI应用,还是开发互动三维地图游戏,它都能显著提升开发效率。
使用时请注意:本Skill仅针对腾讯地图JavaScript GL版(JSAPIGL),不适用于其他地图服务(如百度、高德、Google Maps)的API开发。另外,高级的3D模型渲染、海量点聚合等复杂场景仍需结合具体的性能优化文档。建议定期更新Skill以获取最新API特性。
核心特点
与通用地图开发技能不同,本Skill深度聚焦腾讯地图JSAPI GL的特有API(如TMap对象、multiPolygon、labels、visualization等),并覆盖了腾讯地图独有的业务功能(如行政区划查询、IP定位、几何计算),同时集成官方最新的性能优化建议。
注意事项
不适用于非腾讯地图服务(如百度地图、高德地图、Google Maps)的API开发,也不支持服务器端地图渲染(如Node.js环境)。
常见问题
如何初始化一个腾讯地图?
使用TMap.Map构造函数,传入容器ID和中心点坐标、缩放级别等参数,例如:new TMap.Map('container', {center: new TMap.LatLng(39.9, 116.4), zoom: 12})。
怎样在地图上添加标注点?
使用TMap.MultiMarker创建多标注图层,通过geometries数组指定每个标注的经纬度和样式。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/tencentmap-jsapi-gl-skill-x-7/raw/index.md 读取 tencentmap-jsapi-gl-skill 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/tencentmap-jsapi-gl-skill-x-7/raw/index.md(查看排版版本)