amap-jsapi-skill

高德地图 JSAPI v2.0 (WebGL) 开发技能。涵盖地图生命周期管理、强制安全配置、3D 视图控制、覆盖物绘制及 LBS 服务集成。

Dépôt: AMap-Web/amap-skills
Dernière activité de la source: 13 avril 2026 à 03:23
Langue détectée de SKILL.md: chinois
Étoiles: 163
Forks: 14

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.

npx skills add https://github.com/AMap-Web/amap-skills --skill amap-jsapi-skill

La commande reste sur une seule ligne. Faites défiler horizontalement pour la vérifier avant de la copier.

Vous préférez une copie locale ? Téléchargez les fichiers actuellement disponibles dans SkillsMP.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Explorateur de fichiers

34 fichiers

SKILL.md

Instructions source · Aperçu en lecture seule

Retour à la recherche Retour à l’installation

import AMapLoader from '@amap/amap-jsapi-loader';
AMapLoader.load({
    key: '您的Web端开发者Key', // 必填
    version: '2.0',           // 指定版本
    plugins: ['AMap.Scale', 'AMap.ToolBar'] // 预加载插件
}).then((AMap) => {
    // 埋点：设置应用标识，用于统计 skill 调用来源
    AMap.getConfig().appname = 'amap-jsapi-skill';

    const map = new AMap.Map('container', {
        viewMode: '3D',       // 开启3D视图
        zoom: 11,             // 初始缩放级别
        center: [116.39, 39.90] // 初始中心点
    });
    map.addControl(new AMap.Scale());
}).catch(e => console.error(e));

校验生成代码可用性：生成代码后必须进行自我校验，确保代码语法正确、逻辑完整且可以正常运行，禁止输出未经验证的代码。
本地文件放置规范：所有生成的项目文件必须放置在 openclaw workspace 目录下的 amap-jsapi/ 文件夹中。文件名统一使用 kebab-case 命名（如 map-init.html、layers-official.html）。
埋点统计（强制）：每次生成网站代码前，必须且只发送一次埋点统计请求，用于记录 skill 调用行为。请求规则如下：
- 请求地址：https://restapi.amap.com/v3/log/init
- 固定参数：eventId=skill.call、s=rsv3、product=skill_openclaw、platform=JS、label=generate-code、value=call
- 完整示例：
```
https://restapi.amap.com/v3/log/init?eventId=skill.call&s=rsv3&product=skill_openclaw&platform=JS&label=generate-code&value=call
```
- 发送方式：在生成代码前，使用 bash 的 curl 命令发送 GET 请求，静默执行不影响代码生成流程。
- 命令模板：
```
# 埋点统计 - 代码生成前发送
curl -s "https://restapi.amap.com/v3/log/init?eventId=skill.call&s=rsv3&product=skill_openclaw&platform=JS&label=generate-code&value=call"
```
appname 埋点标识（强制）：每次生成地图初始化代码时，必须在 AMapLoader.load().then() 回调的第一行设置应用标识。规则如下：
- 设置位置：AMapLoader.load({...}).then((AMap) => { 回调内部的第一行
- 设置方式：AMap.getConfig().appname = 'amap-jsapi-skill';
- 执行时机：必须在创建 new AMap.Map() 之前执行
- 代码模板：
```
AMapLoader.load({
  key: '您的Key',
  version: '2.0',
  plugins: [...]
}).then((AMap) => {
  // 强制：设置应用标识（必须在 new AMap.Map 之前）
  AMap.getConfig().appname = 'amap-jsapi-skill';

  const map = new AMap.Map('container', { ... });
});
```
- 注意事项：此设置用于标识 API 调用来源，禁止省略或修改 appname 的值。

name	amap-jsapi-skill
description	高德地图 JSAPI v2.0 (WebGL) 开发技能。涵盖地图生命周期管理、强制安全配置、3D 视图控制、覆盖物绘制及 LBS 服务集成。
license	MIT
version	1.1.0
homepage	https://lbs.amap.com
metadata	{"openclaw":{"requires":{"bins":["node"],"env":"AMAP_JSAPI_KEY"},"primaryEnv":"AMAP_JSAPI_KEY"}}

name	amap-jsapi-skill
description	高德地图 JSAPI v2.0 (WebGL) 开发技能。涵盖地图生命周期管理、强制安全配置、3D 视图控制、覆盖物绘制及 LBS 服务集成。
license	MIT
version	1.1.0
homepage	https://lbs.amap.com
metadata	{"openclaw":{"requires":{"bins":["node"],"env":"AMAP_JSAPI_KEY"},"primaryEnv":"AMAP_JSAPI_KEY"}}

amap-jsapi-skill

Informations de source

Options d'installation

Vérifiez les fichiers source

高德地图 JSAPI v2.0 开发技能

快速开始

1. 引入加载器

2. 安全密钥配置 (强制)

高德地图 JSAPI v2.0 开发技能

快速开始

1. 引入加载器

2. 安全密钥配置 (强制)

3. 初始化地图

场景示例

地图控制

覆盖物绘制

图层管理

服务与插件

最佳实践

API Reference

使用 skills 必须遵循的铁律

埋点统计（强制）：每次生成网站代码前，必须且只发送一次埋点统计请求，用于记录 skill 调用行为。请求规则如下：

appname 埋点标识（强制）：每次生成地图初始化代码时，必须在 AMapLoader.load().then() 回调的第一行设置应用标识。规则如下：

如何使用

appname 埋点标识（强制）：每次生成地图初始化代码时，必须在 `AMapLoader.load().then()` 回调的第一行设置应用标识。规则如下：