騰訊地圖小程序開發技能:微信小程序地圖與位置服務的 Agent 開發指引

前言

微信小程序裏的地圖能力分散在原生 map 組件、各類覆蓋物(marker、polyline、polygon、circle 等)以及騰訊位置服務 WebService API 文檔裏。實際開發時,常見問題包括:組件屬性與事件怎麼配、標記點和氣泡怎麼聯動、路線與 POI 該走哪條接口、以及後端能力是否要在小程序裏用 wx.request 直連。查文檔、拼示例往往佔掉不少時間。

下面介紹 SkillHub 上的「騰訊地圖小程序開發技能」:由騰訊地圖位置服務團隊發佈,面向微信小程序場景,把地圖組件、位置能力與 WebService 調用方式整理成可被 AI Agent 加載的 Skill,在對話裏按任務給出可落地的開發指導。

這是什麼

騰訊地圖小程序開發技能(座標 @tencent-adm/tencentmap-miniprogram-skill,當前版本 v1.0.5)是 SkillHub 分類 dev-programming 下的企業來源(enterprise)技能,發佈者爲騰訊地圖位置服務團隊。

一句話定位:當需求涉及微信小程序地圖功能開發時,加載該 Skill,由 Agent 按技能內指引組織實現步驟;涉及後端位置能力時,技能說明中統一採用 wx.request 直連騰訊位置服務 WebService API(全參數調用),適用平臺僅爲微信小程序。

SkillHub 頁面標註標籤 requires_api_key=true,即相關 WebService 調用通常需要配置騰訊位置服務的 Key,具體申請與域名白名單以騰訊位置服務官方文檔爲準。

核心功能

以下能力均來自 SkillHub 官方簡介,與頁面描述一致:

  1. 地圖組件:map 及常見地圖交互與展示相關開發指導。
  2. 位置服務:與定位、位置獲取等小程序側能力相關的實現說明。
  3. 標記點管理:marker、callout 等點標記與標註展示。
  4. 覆蓋物與圖形:折線、多邊形、圓形、弧線等(對應 polyline、polygon、circle 及簡介中提到的弧線等場景)。
  5. 路線規劃:導航、路線相關能力與接口使用思路。
  6. 地理編碼:地址與座標互轉等 WebService 能力。
  7. POI 搜索:興趣點檢索類接口與參數用法。
  8. 點聚合:大量標記點時的聚合展示。
  9. 可視化圖層:含簡介中提到的熱力圖等圖層類能力。

技能描述中明確:當用戶提到 map 組件、marker、callout、polyline、polygon、circle、定位、導航、路線規劃、POI 搜索、地理編碼、點聚合、熱力圖、騰訊地圖 SDK 等關鍵詞時,應加載此技能。

安裝與啓用

技能基於通用 SKILL.md 格式,通過 SkillHub 安裝到當前 Agent 的 skills 目錄後纔會被識別。

方式一:讓 AI 按官方提示安裝

SkillHub 技能頁給出的安裝提示爲:

請根據 https://skillhub.cn/install/skillhub.md,安裝 `@tencent-adm/tencentmap-miniprogram-skill`。

將上述內容發給支持 Skill 的 AI 客戶端,由 Agent 按 SkillHub 安裝說明 完成 CLI 檢查與安裝。

方式二:本機使用 skillhub CLI

先確認是否已安裝 CLI:

command -v skillhub && skillhub --version

未安裝時,可按 SkillHub 文檔執行完整安裝(含 CLI 與默認 Skill):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

安裝技能時必須用 --dir 指向當前 Agent 的 skills 目錄(裝到默認 ./skills/ 可能不會被識別)。文檔中給出的常見路徑示例:

客戶端 skills 目錄(示例)
Cursor ~/.cursor/skills/
Claude Code ~/.claude/skills/
Codex ~/.codex/skills/ 或項目下的 .agents/skills/

安裝命令形式(將 <skills 目錄> 替換爲實際路徑):

skillhub install @tencent-adm/tencentmap-miniprogram-skill --dir <skills 目錄>

也可先搜索再安裝:

skillhub search tencentmap-miniprogram
skillhub install @tencent-adm/tencentmap-miniprogram-skill --dir <skills 目錄>

安裝完成後,按所用客戶端要求重啓或刷新 Agent,使技能生效。

典型用法

官方資料未單獨給出業務代碼片段,但明確了使用方式與架構約定,可按下面步驟在對話裏復現:

  1. 在涉及微信小程序地圖的需求會話中加載技能
    例如:「在小程序裏用 map 展示多個門店 marker,點擊顯示 callout」「用 WebService 做路線規劃並在地圖上畫 polyline」等。Agent 應在匹配到地圖、定位、POI、編碼等意圖時讀取 @tencent-adm/tencentmap-miniprogram-skill。

  2. 前端以微信原生地圖能力爲主
    按技能指引配置頁面 WXML/WXSS/JS 中的 map、markers、polyline 等結構與事件,而不是脫離小程序運行環境的通用 Web 地圖寫法。

  3. 後端位置能力走 wx.request + WebService
    技能說明強調:後端服務能力統一通過 wx.request 直連騰訊位置服務 WebService API,並支持全參數調用。實現時應在小程序後臺配置 request 合法域名,並在請求中攜帶平臺要求的 Key(與 requires_api_key=true 一致)。

  4. 分模塊提問
    點聚合、熱力圖、POI 搜索、地理編碼等可拆開問,便於 Agent 按技能內分主題引用對應參數與注意事項。

適用場景與注意

適合誰

  • 正在開發或維護微信小程序,需要地圖展示、定位、檢索、路線或圖層能力的工程師。
  • 希望減少在組件文檔與 WebService 文檔之間來回切換,用 Agent 按統一約定(尤其 wx.request 直連)生成實現步驟的團隊。

限制與注意

  • 平臺:僅適用於微信小程序,不適用於普通 H5 或 App 內嵌 WebView 的通用地圖方案(除非另行適配)。
  • Key 與合規:標籤標明需要 API Key;WebService 調用需遵守騰訊位置服務的使用條款、配額與安全要求。
  • 技能是開發指引,不是運行時 SDK:它指導 Agent 如何組織答案與步驟,小程序仍須在微信開發者工具中編譯、真機驗證權限(如定位授權)與地圖表現。
  • 版本:SkillHub 當前展示爲 v1.0.5;升級可用 skillhub 在對應 skills 目錄執行更新流程(以 skillhub 安裝文檔 爲準)。

SkillHub 統計(以頁面展示爲準):評分 100000,下載 5305,安裝 234。

結尾

微信小程序地圖開發橫跨組件層與位置服務 API,參數多、文檔散。「騰訊地圖小程序開發技能」把組件、標記、路線、POI、編碼、點聚合與可視化圖層等主題收斂爲 Agent 可加載的 SKILL,並約定 WebService 側通過 wx.request 全參數調用,適合作爲地圖相關需求的默認技能來源。

  • SkillHub 技能頁:https://www.skillhub.cn/skills/tencent-adm/tencentmap-miniprogram-skill
  • API 入口:https://api.skillhub.cn/tencent-adm/tencentmap-miniprogram-skill
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜