Explicación: Maps

3. Cargar el script de Google Maps

En src/index.html añade (cambia TU_API_KEY):

<script src="https://maps.googleapis.com/maps/api/js?key=TU_API_KEY&libraries=places"></script>

app.ts

import { Component, signal } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { GoogleMapsModule } from '@angular/google-maps';

@Component({
  selector: 'app-root',
  imports: [RouterOutlet,GoogleMapsModule],
  templateUrl: './app.html',
  styleUrl: './app.css'
})
export class App {
  protected readonly title = signal('maps-demo');

    center: google.maps.LatLngLiteral = {
    lat: 40.4168,
    lng: -3.7038
  };
  zoom = 13;
}

app.html

<h1>Google Maps demo</h1>

<google-map
  height="500px"
  width="100%"
  [center]="center"
  [zoom]="zoom">
</google-map>

<router-outlet />

app.html