React Google Maps
Dynamically display Google Maps markers, info windows, and custom overlays within your frontend using this integration.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add react-google-maps npx -- -y @trustedskills/react-google-maps
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"react-google-maps": {
"command": "npx",
"args": [
"-y",
"@trustedskills/react-google-maps"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill integrates Google Maps into React applications. It allows you to display maps, add markers, and potentially interact with map data within your React components. This provides a powerful way to visualize location-based information directly in your application’s user interface.
When to use it
- Displaying store locations: Show the precise locations of retail stores on a map for customers.
- Real estate applications: Integrate maps into property listings to display neighborhood boundaries and nearby amenities.
- Delivery services: Visualize delivery routes and driver locations in real-time.
- Travel planning apps: Allow users to explore destinations and plan trips with interactive map views.
Key capabilities
- React component integration for Google Maps.
- Map display functionality.
- Marker placement on the map.
- Potential for interaction with map data (details not specified).
Example prompts
- "Show a map centered on San Francisco."
- "Add a marker to the map at 37.7749° N, 122.4194° W."
- “Display a map with markers for all of our store locations.”
Tips & gotchas
Requires an active Google Maps API key for proper functionality. Ensure you have configured your environment correctly with the necessary credentials before using this skill.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.