地图与定位工具包

Name: Map & Geolocation Kit
Author: @integrate_hao

ReactMapGeolocationLocationIntegration更新于 2026-08-14

使用场景： 为应用添加地图：门店定位、地址选择、配送追踪、活动地图与定位功能。

安装

npx skills add map-geolocation-kit

克隆

git clone https://github.com/skillhub-community/map-geolocation-kit.git

仓库文档

描述

带提供商适配层（Google Maps、Mapbox、高德、百度——改配置即可切换，无需改代码）的地图组件套件。组件：MapView（中心/缩放/标记/聚合）、MarkerCluster（带计数徽章与缩放分组的自动聚合）、SearchBox（地址搜索地理编码带自动补全与选择）、GeoLocate（浏览器定位带精度圆、权限处理与「定位到我」）与 RoutePlanner（多点路线带折线、距离/时间摘要与步骤列表）。

样式：深浅色主题、可定制标记图标（或自定义 HTML 标记）与 fitBounds 助手。包含 MapProviderRegistry，按需加载所选提供商 SDK（代码分割）。实用指引：中国市场地图（高德/百度）vs 全球（Google/Mapbox）使用说明、密钥管理（客户端 vs 服务端密钥、限制密钥）与定位的精度/法律说明。所有交互 SSR 友好（地图仅客户端渲染，带占位兜底）。

AI Hub

跑 Skill 需要模型接口？

AI Hub 提供 OpenAI 兼容接口，给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@integrate_hao

许可证MIT

版本1.0.0

依赖0