google-maps-platform

Generates Google Maps Platform code grounded in freshly retrieved official documentation.

Updated Aug 6, 2026
One-click install
npx skills add https://github.com/ferrarifankid04/ai-skills-public --skill google-maps-platform-ferrarifankid04
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: google-maps-platform
Source: https://github.com/ferrarifankid04/ai-skills-public/tree/main/antigravity/plugins/google_maps_platform/skills
Command: npx skills add https://github.com/ferrarifankid04/ai-skills-public --skill google-maps-platform-ferrarifankid04

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Developers frequently write Google Maps Platform code against deprecated APIs (like google.maps.Marker or the legacy Places library) that fail at runtime on new Cloud projects, or they rely on stale training-data memory. This Skill enforces a docs-first workflow so generated map, places, routing, and geocoding code uses current APIs and avoids known silent failures. ## Core Features & Use Cases - Docs-Grounded Code Generation: Routes every request through a live Skills Index and the Google Maps Platform Code Assist service (MCP or REST) instead of model memory. - Deprecation & Failure Guardrails: Blocks legacy APIs (DirectionsService, PlacesService, HeatmapLayer, Drawing library) and enforces modern replacements like AdvancedMarkerElement, Route.computeRoutes, and Places API (New). - Compliance & Cost Governance: Applies Terms of Service checks, usage attribution IDs, API key restriction guidance, and a mandatory response appendix covering costs and licensing. - Use Case: Build a React store locator with PlaceAutocompleteElement and AdvancedMarkerElement, prototype it with the free Maps Demo Key, then receive a checklist for restricting your production API key. ## Quick Start Ask the agent to build an interactive store locator map with place autocomplete using Google Maps Platform and let it fetch the current docs before writing code.

Frequently Asked Questions about google-maps-platform

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I replace the deprecated google.maps.Marker in my map code?

Use AdvancedMarkerElement instead of google.maps.Marker, which was deprecated in February 2024. You must also pass a valid mapId (or "DEMO_MAP_ID") to the Map component, otherwise advanced markers silently fail to render.

What replaces the legacy Places Autocomplete and DirectionsService APIs?

Legacy Places Autocomplete, PlacesService, and DirectionsService are disabled for new Cloud projects since March 2025. Use PlaceAutocompleteElement or AutocompleteSuggestion from Places API (New), and Route.computeRoutes via the routes library for directions.

Can I prototype Google Maps features without a billing account?

Yes, the Maps Demo Key supports prototyping without a Cloud project or billing setup. It covers Maps JavaScript API, Places, Routes, Geocoding, Weather, and Places UI Kit, but has daily limits and is not for production use.

Why does my client-side fetch to Google Maps REST APIs fail with CORS errors?

Routes, Places API (New), Address Validation, and Geocoding REST endpoints lack permissive CORS headers, so browser fetch calls are blocked. Use official SDK wrappers like importLibrary('places') or route requests through a server-side proxy.

Which React library should I use for Google Maps?

Use @vis.gl/react-google-maps for React applications. The skill explicitly prohibits google-map-react and @react-google-maps/api, and requires imperative mounting with useRef and useEffect for web components like PlaceAutocompleteElement.