Toolkit Bantuan Kode Google Maps Platform

Deskripsi

Toolkit Google Maps Platform Code Assist adalah server Model Context Protocol (MCP) yang meningkatkan kualitas respons dari model bahasa besar (LLM) yang digunakan untuk mengembangkan aplikasi dengan Google Maps Platform dengan mendasarkan respons pada dokumentasi dan contoh kode resmi yang terbaru.

Karena server MCP mengakses konten saat model diminta, konteks LLM terkait Google Maps Platform tidak harus terbatas pada data yang tersedia pada tanggal pelatihan model.

Resource Google Maps Platform yang dapat diakses oleh server MCP mencakup:

  • Dokumentasi Google Maps Platform
  • Persyaratan Layanan Google Maps Platform
  • Pusat Kepercayaan Google Maps Platform
  • Repositori kode di organisasi GitHub resmi Google Maps Platform

Developer

  • 🪄 Jadikan asisten AI atau IDE favorit Anda sebagai pakar Google Maps Platform. Dengan Code Assist, Agen AI seperti Gemini CLI, Claude Code, dan Cursor dapat membuat kode dan menjawab pertanyaan developer berdasarkan dokumentasi dan contoh kode Google Maps Platform resmi yang terbaru -- langsung dalam alur kerja pengembangan Anda.

  • 🚀 Baik Anda membuat perubahan kode yang Presisi dengan Bantuan AI atau membuat prototipe aplikasi baru dengan vibecoding - Code Assist dapat membantu Anda menyelesaikan tugas dengan lebih cepat dan mudah.

🔧 Alat yang Disediakan

Server MCP mengekspos alat berikut untuk klien AI:

  1. retrieve-instructions: Alat bantu yang digunakan oleh klien untuk mendapatkan petunjuk sistem penting tentang cara terbaik untuk memahami maksud pengguna dan merumuskan ajakan (call to action) yang efektif ke alat retrieve-google-maps-platform-docs.
  2. retrieve-google-maps-platform-docs: Alat utama. API ini menerima kueri bahasa alami dan mengirimkannya ke mesin Retrieval Augmented Generation (RAG) yang dihosting. Mesin RAG menelusuri versi terbaru dokumentasi, tutorial, dan contoh kode resmi Google Maps Platform, lalu menampilkan konteks yang relevan ke AI untuk menghasilkan respons yang akurat.

🛠️ Transportasi MCP yang Didukung

Server ini mendukung dua protokol komunikasi MCP standar:

  • stdio: Ini adalah transportasi default yang digunakan saat klien memanggil server melalui command. Alat ini berkomunikasi melalui aliran input/output standar, sehingga ideal untuk eksekusi command line lokal.
  • Streamable HTTP: Server mengekspos endpoint /mcp yang menerima permintaan POST. Metode ini digunakan oleh klien yang terhubung melalui url dan merupakan standar untuk koneksi server jarak jauh. Implementasi kami mendukung streaming untuk respons interaktif real-time.

🚀 Penggunaan

Anda dapat menjalankan server MCP Code Assist baik di mesin pengembangan lokal maupun secara jarak jauh di Google Cloud Run.

Persyaratan

Untuk menggunakan toolkit Bantuan Kode Google Maps Platform, Anda memerlukan lingkungan dengan Node.js (direkomendasikan versi LTS) dan npm yang diinstal untuk meng-clone dan menjalankan server, serta klien MCP untuk mengakses server.

Jalankan server di mesin lokal Anda dan hubungkan klien menggunakan protokol stdio untuk digunakan dengan IDE yang dibantu AI (seperti VS Code, Android Studio, Cursor) atau aplikasi AI desktop (seperti Gemini CLI). Ini adalah penyiapan yang paling sederhana dan umum.

Mengonfigurasi Klien Anda

Tambahkan server ke file konfigurasi MCP klien AI pilihan Anda. Temukan klien Anda di bawah untuk mendapatkan petunjuk spesifik dan terverifikasi.

  1. Gemini Code Assist & Gemini CLI

    • Opsi 1 - Tambahkan server langsung dari command line Anda (dengan asumsi Anda telah menginstal Gemini CLI):
       gemini mcp add google-maps-platform-code-assist npx -y @googlemaps/code-assist-mcp@latest
      
      • Verifikasi penginstalan dengan menjalankan gemini mcp list.
    • Opsi 2 - Tambahkan konfigurasi server MCP secara manual ke file ~/.gemini/settings.json Anda.
    {
      "mcpServers": {
        "google-maps-platform-code-assist": {
          "command": "npx",
          "args": ["-y", "@googlemaps/code-assist-mcp@latest"]
        }
      }
    }
    
  2. Claude Code

    • Opsi 1 - Tambahkan server langsung dari command line Anda (dengan asumsi Anda telah menginstal Claude Code):
          claude mcp add google-maps-platform-code-assist -- npx -y @googlemaps/code-assist@latest
      
      • Verifikasi penginstalan dengan menjalankan claude mcp list.
      • Pengguna Windows: Di Windows native (bukan WSL), Anda harus menggunakan wrapper cmd /c agar perintah npx berfungsi dengan benar.
      claude mcp add google-maps-platform-code-assist -- cmd /c "npx -y @googlemaps/code-assist-mcp@latest"
      
    • Opsi 2 - Tambahkan server secara manual ke file konfigurasi Claude Anda ~/.claude.json
    "mcpServers": {
        "google-maps-platform-code-assist": {
          "command": "npx",
          "args": [
            "-y", "@googlemaps/code-assist-mc@latest"
          ]
        }
      }
    
  3. Kursor

    • Menginstal Server MCP <-- Jika Anda sudah menginstal Cursor, klik di sini untuk menginstal MCP Bantuan Kode Google Maps Platform secara langsung.
    • Jika tidak, tambahkan ke file .cursor-settings/mcp.json ruang kerja Anda.
    {
      "mcpServers": {
        "google-maps-platform-code-assist": {
          "command": "npx",
          "args": ["-y", "@googlemaps/code-assist-mcp@latest"]
        }
      }
    }
    
  4. Firebase Studio

    • Coba di Firebase Studio dengan MCP Code Assist terinstal
    • Tambahkan ke file mcp.json project Anda di folder .idx di ruang kerja Firebase Studio
    {
      "mcpServers": {
        "google-maps-platform-code-assist": {
          "command": "npx",
          "args": ["-y", "@googlemaps/code-assist-mcp@latest"]
        }
      }
    }
    
  5. Android Studio

    • Buat file mcp.json dan tempatkan di direktori konfigurasi Android Studio. Tambahkan server Code Assist ke daftar:
    {
      "mcpServers": {
        "google-maps-platform-code-assist": {
          "command": "npx",
          "args": ["-y", "@googlemaps/code-assist-mcp@latest"]
        }
      }
    }
    
  6. Cline

    • Opsi 1: menginstal menggunakan GUI MCP Cline
    • Opsi 2: menginstal secara manual / terprogram menggunakan file konfigurasi Cline MCP. File konfigurasi terletak di:
      • macOS: ~/Library/Application Support/Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json
      • Windows: %APPDATA%/Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json
      • Linux: ~/.config/Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json
      • Tambahkan kode berikut ke konfigurasi MCP Anda di cline_mcp_settings.json:
        {
          "mcpServers": {
            "google-maps-platform-code-assist": {
              "command": "npx",
              "args": ["-y", "@googlemaps/code-assist-mcp@latest"]
            },
            "alwaysAllow": [
              "retrieve-instructions",
              "retrieve-google-maps-platform-docs"
            ]
          }
        }
        
  7. Roo Code

    • Opsi 1: menginstal menggunakan GUI MCP Roo
    • Opsi 2: menginstal secara manual / terprogram menggunakan file konfigurasi Roo Code. File konfigurasi terletak di:
      • macOS: ~/Library/Application Support/Code/User/globalStorage/rooveterinaryinc.roo-cline/settings/mcp_settings.json
      • Windows: %APPDATA%\Code\User\globalStorage\rooveterinaryinc.roo-cline\settings\mcp_settings.json
      • Linux: ~/.config/Code/User/globalStorage/rooveterinaryinc.roo-cline/settings/mcp_settings.json
      • Tambahkan kode berikut ke konfigurasi MCP Anda di mcp_settings.json:
        {
          "mcpServers": {
            "google-maps-platform-code-assist": {
              "command": "npx",
              "args": ["-y", "@googlemaps/code-assist-mcp@latest"]
            },
            "alwaysAllow": [
              "retrieve-instructions",
              "retrieve-google-maps-platform-docs"
            ]
          }
        }
        
  8. Microsoft Copilot

    • Saat dalam mode Agen, Klik "Alat", lalu di header atas "Konfigurasi Alat", lalu "Instal dari nama paket NPM" (Lihat screenshot di bawah)

    • gambar
    • gambar
    • gambar
    • Masukkan nama paket @googlemaps/code-assist-mcp dan tekan ENTER, setujui penginstalan dan gunakan port default 3000, lalu tekan ENTER sekali lagi untuk mengonfirmasi perubahan

    • gambar
  9. Selancar angin

    • Serupa dengan petunjuk Kursor di atas.
  10. Kilo Code

    • Mirip dengan petunjuk Kode Cline dan Roo di atas

Pelajari lebih lanjut

Untuk mengetahui informasi selengkapnya tentang cara menginstal dan menggunakan toolkit, serta persyaratan penggunaan, lihat README repositori GitHub.