Página Sports y Angular Maps

https://developers.google.com/maps/documentation/javascript/get-api-key

Consultando @agm/core instala la ultima versiona la cual esta en beta y no parece ser compatible con agular menor a 10, Ademas npm install @types/googlemaps esta deprecated en su lugar use @types/google.maps esto funciono para mi

Me dio error al instalar npm install @agm/core, alguien sabe si ya no es compatible con versiones actuales?

y como se haria con leaflet en lugar de googlemap
gracias

primero instalamos la librería necesaria, ya que angular maps no esta actualizada y no se puede utilizar momentaneamente se recomienda instalar

npm install --save @types/googlemaps

posteriormente se importa el modulo de google maps en nuestro app.module.ts

app.module.ts

import { GoogleMapsModule } from '@angular/google-maps';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    GoogleMapsModule,
  ],
  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
  bootstrap: [AppComponent],
})

posteriormente en tu index.html se pega el siguiente script, cambiando el YOUR_API_KEY por tu clave de activación de la API de google maps

index.html

  <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script>

posteriormente en tu sports page se haran los siguientes cambios

sports.module.ts

import { GoogleMapsModule } from '@angular/google-maps';

@NgModule({
  imports: [
    GoogleMapsModule,
  ],
  declarations: [SportsPage]
})

sport.page.html

<ion-content>
  <google-map></google-map>
</ion-content>

npm install --save @types/googlemaps

No permite descargar el proyecto pagina no found.

gracias profe sebas por esa libreria de angular para usar los mapas de google maps. Sin dudas me ahorro muchisimo en lugar de hacer con javascript 😂

Hola tengo un problema con el watch position. aveces se detiene y no funciona bien. quien puede ayudarme???