Skip to content

Commit c2c56dd

Browse files
cablateclaude
cablate
and
claude
authored
docs: add hero banner to README (#56)
* docs: add hero banner to README - Add isometric city banner (assets/banner.png) to both EN and ZH READMEs - Center-align header section (banner, badges, tagline, demo grid) - Remove redundant H1 title (banner already contains project name) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * docs: convert banner to webp (7.6MB → 454KB) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * docs: fix centering with <p align=center> + add badges - Use explicit <p align="center"> instead of <div> for reliable centering - Add badges: GitHub stars, node >=18, TypeScript 5, MCP compatible - Both EN and ZH READMEs updated Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * docs: remove VS Code badges, move badges above banner, bold tagline - Remove VS Code Install Server badges - Move badge row above banner image - Tagline as <h3> for visibility - Both EN and ZH READMEs updated Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * docs: bold tagline text Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * docs: use social-style star badge, remove node/TS/MCP badges Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent d034103 commit c2c56dd

File tree

3 files changed

+40
-22
lines changed

3 files changed

+40
-22
lines changed

‎README.md‎

Lines changed: 20 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,23 @@
1-
**English** | [繁體中文](./README.zh-TW.md)
2-
3-
[![npm version](https://img.shields.io/npm/v/@cablate/mcp-google-map)](https://www.npmjs.com/package/@cablate/mcp-google-map) [![license](https://img.shields.io/github/license/cablate/mcp-google-map)](./LICENSE) [![npm downloads](https://img.shields.io/npm/dm/@cablate/mcp-google-map)](https://www.npmjs.com/package/@cablate/mcp-google-map)
4-
5-
[<img src="https://img.shields.io/badge/VS_Code-VS_Code?style=flat-square&label=Install%20Server&color=0098FF" alt="Install in VS Code">](https://insiders.vscode.dev/redirect?url=vscode%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522google-maps%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522-y%2522%252C%2522%2540cablate%252Fmcp-google-map%2540latest%2522%252C%2522--stdio%2522%255D%252C%2522env%2522%253A%257B%2522GOOGLE_MAPS_API_KEY%2522%253A%2522YOUR_API_KEY%2522%257D%257D) [<img alt="Install in VS Code Insiders" src="https://img.shields.io/badge/VS_Code_Insiders-VS_Code_Insiders?style=flat-square&label=Install%20Server&color=24bfa5">](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522google-maps%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522-y%2522%252C%2522%2540cablate%252Fmcp-google-map%2540latest%2522%252C%2522--stdio%2522%255D%252C%2522env%2522%253A%257B%2522GOOGLE_MAPS_API_KEY%2522%253A%2522YOUR_API_KEY%2522%257D%257D)
6-
7-
# MCP Google Map Server
8-
9-
Give your AI agent the ability to understand the physical world — geocode, route, search, and reason about locations.
10-
11-
<img src="./assets/demo-grid-en.png" alt="Travel planning demo — Kyoto 2-day, Tokyo outdoor, Japan 5-day, Bangkok budget" width="800">
1+
<p align="center">
2+
<a href="https://www.npmjs.com/package/@cablate/mcp-google-map"><img src="https://img.shields.io/npm/v/@cablate/mcp-google-map" alt="npm version"></a>
3+
<a href="https://www.npmjs.com/package/@cablate/mcp-google-map"><img src="https://img.shields.io/npm/dm/@cablate/mcp-google-map" alt="npm downloads"></a>
4+
<a href="https://github.com/cablate/mcp-google-map/stargazers"><img src="https://img.shields.io/github/stars/cablate/mcp-google-map?style=social" alt="GitHub stars"></a>
5+
<a href="./LICENSE"><img src="https://img.shields.io/github/license/cablate/mcp-google-map" alt="license"></a>
6+
</p>
7+
8+
<p align="center">
9+
<img src="./assets/banner.webp" alt="MCP Google Maps — AI-Powered Geospatial Tools" width="800">
10+
</p>
11+
12+
<h3 align="center"><b>Give your AI agent the ability to understand the physical world —<br>geocode, route, search, and reason about locations.</b></h3>
13+
14+
<p align="center">
15+
<b>English</b> | <a href="./README.zh-TW.md">繁體中文</a>
16+
</p>
17+
18+
<p align="center">
19+
<img src="./assets/demo-grid-en.png" alt="Travel planning demo — Kyoto 2-day, Tokyo outdoor, Japan 5-day, Bangkok budget" width="800">
20+
</p>
1221

1322
- **17 tools** — 14 atomic + 3 composite (explore-area, plan-route, compare-places)
1423
- **3 modes** — stdio, StreamableHTTP, standalone exec CLI

‎README.zh-TW.md‎

Lines changed: 20 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,23 @@
1-
[English](./README.md) | **繁體中文**
2-
3-
[![npm version](https://img.shields.io/npm/v/@cablate/mcp-google-map)](https://www.npmjs.com/package/@cablate/mcp-google-map) [![license](https://img.shields.io/github/license/cablate/mcp-google-map)](./LICENSE) [![npm downloads](https://img.shields.io/npm/dm/@cablate/mcp-google-map)](https://www.npmjs.com/package/@cablate/mcp-google-map)
4-
5-
[<img src="https://img.shields.io/badge/VS_Code-VS_Code?style=flat-square&label=Install%20Server&color=0098FF" alt="Install in VS Code">](https://insiders.vscode.dev/redirect?url=vscode%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522google-maps%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522-y%2522%252C%2522%2540cablate%252Fmcp-google-map%2540latest%2522%252C%2522--stdio%2522%255D%252C%2522env%2522%253A%257B%2522GOOGLE_MAPS_API_KEY%2522%253A%2522YOUR_API_KEY%2522%257D%257D) [<img alt="Install in VS Code Insiders" src="https://img.shields.io/badge/VS_Code_Insiders-VS_Code_Insiders?style=flat-square&label=Install%20Server&color=24bfa5">](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522google-maps%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522-y%2522%252C%2522%2540cablate%252Fmcp-google-map%2540latest%2522%252C%2522--stdio%2522%255D%252C%2522env%2522%253A%257B%2522GOOGLE_MAPS_API_KEY%2522%253A%2522YOUR_API_KEY%2522%257D%257D)
6-
7-
# MCP Google Map Server
8-
9-
讓你的 AI 代理理解真實世界 — 地理編碼、路線規劃、地點搜尋、空間推理。
10-
11-
<img src="./assets/demo-grid-zh.png" alt="旅行規劃展示 — 京都二日遊、東京戶外一日、日本五日、曼谷背包客" width="800">
1+
<p align="center">
2+
<a href="https://www.npmjs.com/package/@cablate/mcp-google-map"><img src="https://img.shields.io/npm/v/@cablate/mcp-google-map" alt="npm version"></a>
3+
<a href="https://www.npmjs.com/package/@cablate/mcp-google-map"><img src="https://img.shields.io/npm/dm/@cablate/mcp-google-map" alt="npm downloads"></a>
4+
<a href="https://github.com/cablate/mcp-google-map/stargazers"><img src="https://img.shields.io/github/stars/cablate/mcp-google-map?style=social" alt="GitHub stars"></a>
5+
<a href="./LICENSE"><img src="https://img.shields.io/github/license/cablate/mcp-google-map" alt="license"></a>
6+
</p>
7+
8+
<p align="center">
9+
<img src="./assets/banner.webp" alt="MCP Google Maps — AI 驅動的地理空間工具" width="800">
10+
</p>
11+
12+
<h3 align="center"><b>讓你的 AI 代理理解真實世界 —<br>地理編碼、路線規劃、地點搜尋、空間推理。</b></h3>
13+
14+
<p align="center">
15+
<a href="./README.md">English</a> | <b>繁體中文</b>
16+
</p>
17+
18+
<p align="center">
19+
<img src="./assets/demo-grid-zh.png" alt="旅行規劃展示 — 京都二日遊、東京戶外一日、日本五日、曼谷背包客" width="800">
20+
</p>
1221

1322
- **17 個工具** — 14 個原子工具 + 3 個組合工具（explore-area、plan-route、compare-places）
1423
- **3 種模式** — stdio、StreamableHTTP、獨立 exec CLI

‎assets/banner.webp‎

454 KB
Loading

0 commit comments

Comments
 (0)