Angular Google Maps Skill

Rules

Setup and Configuration

• Import GoogleMapsModule from @angular/google-maps
• Load Google Maps script in index.html with API key
• Use @types/google.maps for TypeScript types
• Restrict API key by domain/IP for security

Map Component

• Use <google-map> component with [center], [zoom], [options] bindings
• Set explicit height on google-map element (required for display)
• Use google.maps.LatLngLiteral type for positions: { lat: number, lng: number }
• Handle map events: (mapClick), (mapDrag), (zoomChanged)