mcpField
G
Google Maps MCP with Speech Input

Google Maps MCP with Speech Input

github.com/l145devチャットアプリ074 週間前に更新

Google Maps MCP with Speech Input について

Google Maps MCP with Speech Inputは、Google Maps MCPプロジェクトに音声入力を追加したウェブアプリです。音声でもアプリを操作したいユーザー向けです。

主な機能

  1. 01音声入力
  2. 02Google Maps MCPウェブアプリ
  3. 03Node.jsによるローカル開発

活用シーン

  1. 01地図アプリで音声入力を使う
  2. 02テスト用にウェブアプリをローカルで起動

MCP 対応

Google Maps MCPウェブアプリと説明されていますが、MCPツールやサーバーの動作についてREADMEに記載はありません。

詳細

Google Maps MCP スピーチ入力対応

メモ


このプロジェクトは最初から開発したものではありません。元のプロジェクトは Google により AI Studio Apps で開発されました。

Basic MCP Maps からの軽微なアップグレード。入力オプションとして スピーチ を追加しました。

Google Maps MCP デモ

ローカルで実行

前提条件: Node.js

  1. リポジトリをクローンする
    git clone "https://github.com/l145dev/Google-Maps-MCP-Speech"
    
  2. リポジトリに移動する
    cd ./Google-Maps-MCP-Speech
    
  3. 依存関係をインストールする:
    npm install
    
  4. .env.local を作成する:
    Windows (WSL があることを確認してください、wsl --version を試して確認できます):
    wsl touch .env.local
    
    Linux/Mac:
    touch .env.local
    
  5. 好みのコードエディタで開く。
    code .
    
  6. .env.local の GEMINI_API_KEY を Gemini API キーに設定します。API キーは こちら で取得できます。
    GEMINI_API_KEY="YOUR_API_KEY"
    
  7. .env.local の MAPS_API_KEY を Maps API キーに設定します。API キーは こちら で取得できます
    MAPS_API_KEY="YOUR_API_KEY"
    
  8. アプリを実行する:
    npm run dev
    
  9. ブラウザで http://localhost:5173 のウェブアプリを開く。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。