技能版本 1.0.0
tmap-jsapi-gl
腾讯地图 JavaScript GL(JSAPIGL)开发指南。适用于地图应用或者工具的编写。在编写、审查或调试使用腾讯地图 API的代码时应运用此技能。适用于涉及地图初始化、覆盖物展示、图层控制、事件处理、控件交互、可视化渲染、地图工具、检索、路线规划、查地址、行政区划、ip定位、几何计算、三维模型展示、性能优化的任务。当用户提及 腾讯地图、 jsapi、jsapi-gl或相关地图开发需求时自动触发。
价格
免费
- 安装:免费
在组织开通时一次性收取;再次读取清单或下载不重复收费。
以上为公开标价。你的组织可能有协议价,以控制台显示的价格为准。
如何使用
为组织安装
开通即安装:组织固定使用开通时的版本(当前为 1.0.0)。升级到新版本需要取消后重新开通。
创建凭证
客户端使用组织凭证读取;绑定到数字人后,数字人使用绑定凭证按需加载。请求中携带:
Authorization: Bearer $ZGI_MARKET_KEY读取清单与安装包
清单列出版本、文件和校验值;安装包是一个 zip 文件。
读取清单 curl "https://market-api.zgi.im/v1/market/skills/tmap-jsapi-gl/manifest" \ -H "Authorization: Bearer $ZGI_MARKET_KEY"下载安装包 curl "https://market-api.zgi.im/v1/market/skills/tmap-jsapi-gl/package" \ -H "Authorization: Bearer $ZGI_MARKET_KEY" \ -o tmap-jsapi-gl.zip读取清单和下载安装包不计入用量。下载后请用响应头中的 SHA-256 校验文件。
技能说明
- 名称
- tmap-jsapi-gl
- 说明
- 腾讯地图 JavaScript GL(JSAPIGL)开发指南。适用于地图应用或者工具的编写。在编写、审查或调试使用腾讯地图 API的代码时应运用此技能。适用于涉及地图初始化、覆盖物展示、图层控制、事件处理、控件交互、可视化渲染、地图工具、检索、路线规划、查地址、行政区划、ip定位、几何计算、三维模型展示、性能优化的任务。当用户提及 腾讯地图、 jsapi、jsapi-gl或相关地图开发需求时自动触发。
仅指令
技能包内没有脚本文件:这个技能是供模型阅读的文本。
SKILL.md 节选
# TMap JSAPI GL Skill
帮助用户使用腾讯地图 JavaScript API GL 进行地图功能开发,包含基础地图功能和数据可视化功能。
## 目录结构
### API 文档
- **JS API 参考文档**: `references/jsapigl/docs/` (21 个 md 文件)
- 概述.md - API 总览和索引
- 地图.md - 地图核心类和配置
- 点标记.md - 标注点相关 API
- 矢量图形.md - 折线、多边形、圆形、矩形、椭圆形等矢量图形
- 文本标记.md - 文本标注 API
- DOM 覆盖物.md - 自定义 DOM 覆盖物
- 信息窗体.md - 信息窗口 API
- 点聚合.md - 点聚合功能
- 控件.md - 地图控件
- 自定义图层.md - 自定义栅格/矢量图层
- 事件.md - 地图事件系统
- 基础类.md - LatLng、Point 等基础类
- 室内图.md - 室内地图功能
- 附加库:地图工具.md - 几何编辑器、测量工具
- 附加库:几何计算库.md - 距离、面积计算
- 附加库:服务类库.md - 地点搜索、路线规划等
- 附加库:地图视角附加库.md - 观察者视角
- 附加库:模型库.md - GLTF/3DTiles 模型
- 附加库:天气图层.md - 气象图层
- 附加库:矢量数据图层.md - GeoJSON/MVT 图层
- 环境检测.md - 浏览器环境检测
- **可视化参考文档**: `references/visualization/docs/` (15 个 md 文件)
- 参考手册.md - 可视化 API 总览
- 弧线图.md - 3D 弧线/流向图
- 散点图.md - 3D 散点图
- 热力图.md - 经典热力图
- 蜂窝热力图.md - 蜂窝聚合热力图
- 网格热力图.md - 网格聚合热力图
- 轨迹图.md - 轨迹展示
- 区域图.md - 区域轮廓图
- 管道图.md - 3D 管道图
- 辐射圈.md - 辐射圈效果
- 围墙面.md - 围墙面效果
- 水晶体.md - 3D 水晶体效果
- 行政区划.md - 行政区划展示
- 事件.md - 可视化事件系统
- 基础类.md - 可视化基础类
### 示例代码
- **JS API Demos**: `references/jsapigl/demos/` (129 个 html 文件)
- 按功能分类:地图操作、点标记、文本标记、点聚合、折线、多边形、控件、信息窗口、服务类、个性化地图、几何计算、模型库、应用工具、自定义覆盖物、城市漫游等
- **可视化 Demos**: `references/visualization/demos/` (44 个 html 文件)
- 按图层类型分类:弧线图、散点图、热力图、轨迹图、蜂窝图、区域图、水晶体等
## 工作流程
### 1. 理解用户需求
当用户询问腾讯地图 API 相关问题时:
- 明确用户需要的功能类型(基础地图/可视化)
- 确定具体要使用的类或功能
### 2. 查询 API 文档
在 `references/jsapigl/docs/` 或 `references/visualization/docs/` 中查找相关 API 文档:
- 搜索关键词(如"点标记"、"热力图")
- 阅读对应类的说明、配置参数、方法
### 3. 查找示例代码
在对应 demos 目录中查找示例:
- JS API 示例:`references/jsapigl/demos/`
- 可视化示例:`references/visualization/demos/`
- 示例命名格式:`功能分类_具体示例.html`
### 4. 提供解决方案
根据文档和示例,为用户提供:
- API 接口说明
- 代码示例
- 注意事项和最佳实践
## 使用示例
**用户问题**: "如何在地图上添加标记点?"
**执行流程**:
1. 读取 `references/jsapigl/docs/点标记.md` 了解 MultiMarker API
2. 查看 `references/jsapigl/demos/` 中的点标记相关示例
3. 提供完整的代码示例和说明
**用户问题**: "怎么画一个热力图?"
**执行流程**:
1. 读取 `references/visualization/docs/热力图.md` 了解 Heat API
2. 查看 `references/visualization/demos/` 中的热力图示例
3. 说明数据格式和配置选项
## 快速开始模板
基础地图初始化:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>腾讯地图示例</title>
<script src="https://map.qq.com/api/gljs?v=3&key=[YOUR_KEY]"></script>
<!-- 如需可视化功能,添加: &libraries=visualization -->
</head>
<body>SKILL.md 不止这些内容,安装后可阅读全文。
技能包内容
共 210 个文件,合计 924.2 KiB
- SKILL.md8.0 KiB
- references/jsapigl/demos/服务类库_IP定位.html2.3 KiB
- references/jsapigl/demos/服务类库_驾车路线规划.html3.1 KiB
- references/jsapigl/demos/服务类库_下属行政区查询.html7.0 KiB
- references/jsapigl/demos/服务类库_行政区划边界.html3.5 KiB
- references/jsapigl/demos/服务类库_地址至坐标转换.html2.1 KiB
- references/jsapigl/demos/服务类库_坐标至地址转换.html2.1 KiB
- references/jsapigl/demos/服务类库_公交路线规划.html4.1 KiB
- references/jsapigl/demos/服务类库_关键字搜索.html2.8 KiB
- references/jsapigl/demos/服务类库_关键字输入提示.html5.1 KiB
- references/jsapigl/demos/模型库_3DTiles模型.html1.8 KiB
- references/jsapigl/demos/模型库_3Dmarker.html2.4 KiB
- references/jsapigl/demos/模型库_GLTF模型沿线移动.html8.5 KiB
- references/jsapigl/demos/模型库_GLTF模型加载.html1.5 KiB
- references/jsapigl/demos/模型库_使用Three.js加载模型.html4.6 KiB
- references/jsapigl/demos/模型库_在地图上使用Three.js.html8.6 KiB
- references/jsapigl/demos/折线_折线-虚线样式.html2.1 KiB
- references/jsapigl/demos/折线_折线-动态箭头.html2.2 KiB
- references/jsapigl/demos/折线_折线-大圆航线.html1.3 KiB
- references/jsapigl/demos/折线_折线-彩虹线.html2.8 KiB
- references/jsapigl/demos/折线_折线样式自定义.html3.5 KiB
- references/jsapigl/demos/折线_折线应用-路线规划.html3.5 KiB
- references/jsapigl/demos/折线_折线点击事件.html4.4 KiB
- references/jsapigl/demos/折线_简单折线.html2.0 KiB
- references/jsapigl/demos/折线_管道线.html3.9 KiB
- references/jsapigl/demos/折线_线条泛光效果.html2.3 KiB
- references/jsapigl/demos/信息窗口_拖拽信息窗口.html6.5 KiB
- references/jsapigl/demos/信息窗口_信息窗口偏移设置.html3.4 KiB
- references/jsapigl/demos/信息窗口_自定义信息窗体.html5.5 KiB
- references/jsapigl/demos/信息窗口_包含图文信息的信息窗口.html1.2 KiB
- references/jsapigl/demos/信息窗口_简单信息窗口.html1.2 KiB
- references/jsapigl/demos/信息窗口_点击标记弹出信息窗口.html2.7 KiB
- references/jsapigl/demos/个性化地图_切换地图个性化样式.html1.5 KiB
- references/jsapigl/demos/个性化地图_墨渊(夜间模式效果).html1010 B
- references/jsapigl/demos/个性化地图_玉露(绿色系活泼风格).html994 B
- references/jsapigl/demos/自定义栅格图层_自定义栅格图层-销毁.html2.6 KiB
- references/jsapigl/demos/自定义栅格图层_自定义栅格图层.html1.6 KiB
- references/jsapigl/demos/自定义栅格图层_叠加自定义网格.html2.4 KiB
- references/jsapigl/demos/自定义遮罩图层_自定义遮罩图层.html1.9 KiB
- references/jsapigl/demos/自定义覆盖物_DOMOverlay.html5.2 KiB
- references/jsapigl/demos/自定义覆盖物_DOMOverlay跨图层碰撞.html8.8 KiB
- references/jsapigl/demos/自定义覆盖物_DomOverlay阻止事件冒泡.html5.0 KiB
- references/jsapigl/demos/自定义覆盖物_SVG图层.html6.2 KiB
- references/jsapigl/demos/自定义覆盖物_marker动画.html3.3 KiB
- references/jsapigl/demos/自定义覆盖物_添加动态gif图.html2.7 KiB
- references/jsapigl/demos/地图操作示例_2D_3D模式切换.html1.5 KiB
- references/jsapigl/demos/地图操作示例_配置矢量底图.html5.3 KiB
- references/jsapigl/demos/地图操作示例_销毁地图.html1.7 KiB
- references/jsapigl/demos/地图操作示例_设置_获取地图显示范围.html2.9 KiB
- references/jsapigl/demos/地图操作示例_设置_获取地图中心.html2.1 KiB
- references/jsapigl/demos/地图操作示例_设置_获取地图视角.html2.6 KiB
- references/jsapigl/demos/地图操作示例_设置控件位置及样式.html4.0 KiB
- references/jsapigl/demos/地图操作示例_设置鼠标样式.html2.7 KiB
- references/jsapigl/demos/地图操作示例_设置地图显示比例.html1.5 KiB
- references/jsapigl/demos/地图操作示例_设置地图中心点偏移.html1.8 KiB
- references/jsapigl/demos/地图操作示例_设置地图边界范围.html1.4 KiB
- references/jsapigl/demos/地图操作示例_调整图层顺序.html3.0 KiB
- references/jsapigl/demos/地图操作示例_地图设置缩放焦点.html1.6 KiB
- references/jsapigl/demos/地图操作示例_地图导出图片.html2.7 KiB
- references/jsapigl/demos/地图操作示例_地图加载完成事件.html1.4 KiB
- references/jsapigl/demos/地图操作示例_地图平滑变化至指定状态.html1.1 KiB
- references/jsapigl/demos/地图操作示例_地图平移.html2.0 KiB
- references/jsapigl/demos/地图操作示例_实时路况.html2.2 KiB
- references/jsapigl/demos/地图操作示例_同时加载两个地图.html1.3 KiB
- references/jsapigl/demos/地图操作示例_创建地图.html1.1 KiB
- references/jsapigl/demos/地图操作示例_切换底图类型.html1.5 KiB
- references/jsapigl/demos/地图操作示例_卫星地图.html1.1 KiB
- references/jsapigl/demos/地图操作示例_区域高亮.html2.8 KiB
- references/jsapigl/demos/地图操作示例_天空盒.html3.6 KiB
- references/jsapigl/demos/地图操作示例_异步加载地图.html1.2 KiB
- references/jsapigl/demos/地图操作示例_点击地图拾取POI.html1.4 KiB
- references/jsapigl/demos/地图操作示例_点击地图拾取坐标.html1.6 KiB
- references/jsapigl/demos/地图操作示例_粒子路况.html1.5 KiB
- references/jsapigl/demos/地图叠加图层_WMS标准图层.html1.7 KiB
- references/jsapigl/demos/地图叠加图层_静态图贴地图层.html1.3 KiB
- references/jsapigl/demos/地图叠加图层_自定义贴地图层.html4.2 KiB
- references/jsapigl/demos/几何计算库_计算路径距离.html2.0 KiB
- references/jsapigl/demos/几何计算库_计算区域面积.html2.1 KiB
- references/jsapigl/demos/几何计算库_计算多边形形心.html2.8 KiB
- references/jsapigl/demos/几何计算库_计算多边形的交集区域.html5.1 KiB
- references/jsapigl/demos/几何计算库_计算线与多边形是否相交.html3.8 KiB
- references/jsapigl/demos/几何计算库_计算线上距离P点最近的点.html2.9 KiB
- references/jsapigl/demos/几何计算库_路径顺逆时针判断与转换.html4.1 KiB
- references/jsapigl/demos/几何计算库_判断多边形是否在另一个多边形内.html4.2 KiB
- references/jsapigl/demos/几何计算库_判断点是否在多边形边上.html3.1 KiB
- references/jsapigl/demos/几何计算库_判断点与多边形的关系.html3.2 KiB
- references/jsapigl/demos/多边形和3D棱柱_自定义边线样式.html2.5 KiB
- references/jsapigl/demos/多边形和3D棱柱_自定义多边形样式.html3.2 KiB
- references/jsapigl/demos/多边形和3D棱柱_多边形拔起-3D棱柱.html2.2 KiB
- references/jsapigl/demos/多边形和3D棱柱_多边形选中高亮显示.html9.5 KiB
- references/jsapigl/demos/多边形和3D棱柱_多边形飞地.html3.2 KiB
- references/jsapigl/demos/多边形和3D棱柱_多边形点击事件.html4.9 KiB
- references/jsapigl/demos/多边形和3D棱柱_带飞地的区域实现高亮.html3.6 KiB
- references/jsapigl/demos/多边形和3D棱柱_简单圆形.html1.3 KiB
- references/jsapigl/demos/多边形和3D棱柱_简单多边形.html1.9 KiB
- references/jsapigl/demos/多边形和3D棱柱_环形(带洞)多边形.html2.3 KiB
- references/jsapigl/demos/城市漫游_地面漫游.html4.4 KiB
- references/jsapigl/demos/城市漫游_空中漫游.html4.5 KiB
- references/jsapigl/demos/城市漫游_绕点环绕.html2.3 KiB
- references/jsapigl/demos/应用工具_测量工具.html4.1 KiB
- references/jsapigl/demos/应用工具_设置编辑点为GL模式.html4.3 KiB
- references/jsapigl/demos/应用工具_开关编辑器键盘事件.html8.3 KiB
- references/jsapigl/demos/应用工具_绘制几何图形.html6.2 KiB
- references/jsapigl/demos/应用工具_编辑器的禁用和启用.html2.4 KiB
- references/jsapigl/demos/应用工具_编辑几何图形.html4.8 KiB
- references/jsapigl/demos/环境检测_浏览器环境检测.html3.4 KiB
- references/jsapigl/demos/点标记和文本标记_Marker文本背景色.html4.3 KiB
- references/jsapigl/demos/点标记和文本标记_Marker随地图放大缩小.html3.7 KiB
- references/jsapigl/demos/点标记和文本标记_marker拖动.html2.0 KiB
- references/jsapigl/demos/点标记和文本标记_marker轨迹回放-跟随模式.html12.2 KiB
- references/jsapigl/demos/点标记和文本标记_marker轨迹回放-全局模式.html3.4 KiB
- references/jsapigl/demos/点标记和文本标记_普通Marker.html2.8 KiB
- references/jsapigl/demos/点标记和文本标记_普通文本标记.html2.9 KiB
- references/jsapigl/demos/点标记和文本标记_标记跨图层碰撞.html3.9 KiB
- references/jsapigl/demos/点标记和文本标记_文本标记样式自定义.html3.4 KiB
- references/jsapigl/demos/点标记和文本标记_文本标记背景.html4.2 KiB
- references/jsapigl/demos/点标记和文本标记_文本标记开启碰撞避让.html2.2 KiB
- references/jsapigl/demos/点标记和文本标记_文本标记点击事件.html4.2 KiB
- references/jsapigl/demos/点标记和文本标记_添加与移除marker.html2.4 KiB
- references/jsapigl/demos/点标记和文本标记_为多个marker添加事件.html3.7 KiB
- references/jsapigl/demos/点标记和文本标记_自适应显示多个标记.html3.1 KiB
- references/jsapigl/demos/点标记和文本标记_自定义marker样式.html2.2 KiB
- references/jsapigl/demos/点标记和文本标记_图文标记.html5.3 KiB
- references/jsapigl/demos/点标记和文本标记_点标记应用-周边检索.html4.6 KiB
- references/jsapigl/demos/点标记和文本标记_点击地图添加marker.html1.2 KiB
- references/jsapigl/demos/点聚合_自定义聚合样式.html5.5 KiB
- references/jsapigl/demos/点聚合_基本点聚合功能.html2.3 KiB
- references/jsapigl/demos/点聚合_点聚合跨图层碰撞.html9.2 KiB
- references/jsapigl/demos/矢量数据图层_polygonGeoJSON.html1.2 KiB
- references/jsapigl/demos/矢量数据图层_编辑GeojsonLayer数据.html5.0 KiB
- references/jsapigl/docs/DOM覆盖物.md3.2 KiB
- references/jsapigl/docs/概述.md9.3 KiB
- references/jsapigl/docs/控件.md1.5 KiB
- references/jsapigl/docs/文本标记.md10.6 KiB
- references/jsapigl/docs/附加库:服务类库.md75.1 KiB
- references/jsapigl/docs/附加库:模型库.md15.7 KiB
- references/jsapigl/docs/附加库:地图视角附加库.md1.6 KiB
- references/jsapigl/docs/附加库:地图工具.md13.3 KiB
- references/jsapigl/docs/附加库:几何计算库.md3.7 KiB
- references/jsapigl/docs/附加库:天气图层.md3.5 KiB
- references/jsapigl/docs/附加库:矢量数据图层.md4.8 KiB
- references/jsapigl/docs/信息窗体.md3.4 KiB
- references/jsapigl/docs/事件.md1.9 KiB
- references/jsapigl/docs/自定义图层.md19.4 KiB
- references/jsapigl/docs/地图.md27.1 KiB
- references/jsapigl/docs/室内图.md5.6 KiB
- references/jsapigl/docs/基础类.md4.4 KiB
- references/jsapigl/docs/环境检测.md2.3 KiB
- references/jsapigl/docs/点标记.md18.1 KiB
- references/jsapigl/docs/点聚合.md5.9 KiB
- references/jsapigl/docs/矢量图形.md48.3 KiB
- references/visualization/demos/2D蜂窝热力.html2.0 KiB
- references/visualization/demos/2D经典热力.html1.8 KiB
- references/visualization/demos/2D网格热力.html1.9 KiB
- references/visualization/demos/3D蜂窝热力.html2.0 KiB
- references/visualization/demos/3D经典热力.html1.7 KiB
- references/visualization/demos/3D网格热力.html1.8 KiB
- references/visualization/demos/散点图朝向设置.html2.4 KiB
- references/visualization/demos/散点图鼠标事件选定样式设置.html1.9 KiB
- references/visualization/demos/散点图点击事件.html2.4 KiB
- references/visualization/demos/散点动画.html2.7 KiB
- references/visualization/demos/水晶体.html10.2 KiB
- references/visualization/demos/蜂窝热力图鼠标事件选定样式.html2.2 KiB
- references/visualization/demos/蜂窝热力图点击事件.html2.8 KiB
- references/visualization/demos/蜂窝热力动画.html2.2 KiB
- references/visualization/demos/航线图.html1.6 KiB
- references/visualization/demos/贴地弧线流向图.html1.7 KiB
- references/visualization/demos/轨迹回放动画.html6.3 KiB
- references/visualization/demos/轨迹图鼠标事件选定样式.html2.0 KiB
- references/visualization/demos/图标散点图.html2.2 KiB
- references/visualization/demos/全国行政区划.html3.5 KiB
- references/visualization/demos/动态设置弧线图参数.html3.0 KiB
- references/visualization/demos/动态设置热力参数.html2.6 KiB
- references/visualization/demos/动态辐射圈.html2.3 KiB
- references/visualization/demos/动态轨迹图.html1.6 KiB
- references/visualization/demos/动态围墙面.html2.4 KiB
- references/visualization/demos/分类散点图.html3.1 KiB
- references/visualization/demos/单色散点图.html1.5 KiB
- references/visualization/demos/区域图.html2.9 KiB
- references/visualization/demos/区域图数据转换为geojson.html5.1 KiB
- references/visualization/demos/区域图鼠标事件.html2.7 KiB
- references/visualization/demos/区域图鼠标双击事件.html5.4 KiB
- references/visualization/demos/区域图使用geojson数据.html4.5 KiB
- references/visualization/demos/区域图使用编辑器.html16.2 KiB
- references/visualization/demos/弧线流向图.html1.5 KiB
- references/visualization/demos/弧线流向组合图.html3.3 KiB
- references/visualization/demos/弧线中点位置标记.html2.5 KiB
- references/visualization/demos/弧线图.html1.6 KiB
- references/visualization/demos/弧线图鼠标事件选定样式.html2.0 KiB
- references/visualization/demos/弧线图点击事件.html2.6 KiB
- references/visualization/demos/热力时序动画.html1.9 KiB
- references/visualization/demos/热力图自动切换散点.html4.1 KiB
- references/visualization/demos/网格热力图鼠标事件选定样式.html2.1 KiB
- references/visualization/demos/网格热力图点击事件.html2.7 KiB
- references/visualization/demos/网格热力动画.html2.2 KiB
- references/visualization/docs/散点图.md8.6 KiB
- references/visualization/docs/水晶体.md4.7 KiB
- references/visualization/docs/事件.md3.6 KiB
- references/visualization/docs/蜂窝热力图.md5.3 KiB
- references/visualization/docs/行政区划.md4.3 KiB
另有 10 个文件未列出
来源与审核
- 审核状态
- 尚未审核,内容来自上游来源
- 许可证
- 未说明
审核状态是平台对上架信息的记录,不构成对上游服务质量或可用性的担保。