Platzi
Platzi

Suscríbete a Expert y aprende de tecnología al mejor precio anual.

Antes: $249
$209
Currency
Antes: $249
Ahorras: $40
COMIENZA AHORA
Termina en: 6D : 15H : 33M : 59S

No tienes acceso a esta clase

Para ver esta clase necesitas una suscripción a Platzi

Curso de Kotlin para Android

Curso de Kotlin para Android

Gustavo Lizárraga

Gustavo Lizárraga

Agregar Google Maps a nuestra app

38/43

En lugar de crear un proyecto nuevo podemos usar el mismo que crea Firebase por defecto en GCP.

Código para para implementar Play Services:

implementation 'com.google.android.gms:play-services-maps:16.1.0'
 <fragment
        android:id="@+id/map"
        android:class="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

En Android Studio 4.2 utilizando el API de Android 11, esta es la forma de declarar los atributos del fragment, no hay nombre, les dará error, hay que utilizar class

Si Funciona!!

Sin títulosdsd.png

<meta-data
android:name="com.google.android.geo.API_KEY"
android:value=“YOUR_API_KEY”/>

si alguien tiene inconvenientes copien la linea de name, aveces el error mas comun es un mal tipeo
https://developers.google.com/maps/documentation/android-sdk/get-api-key?hl=es-419
les dejos la documentacion para el que quiera profundizar

Si getMapAsync en el ubicationFragment les da alguna clase de error, sólo se tiene que agregar la dependencia actualizada de Maps SDK, que a día de hoy es:

implementation ‘com.google.android.gms:play-services-maps:17.0.1’

Me sale el icono de google pero toda la pantalla es color gris

Estoy un poco desorientado, alguien podria explicarme exactamente que es lo que indica el “this” dentro de mapFragment.getMapAsync(this)

Ame esta clase 😃

Captura.PNG

Adicionalmente añadi el atributo “tools:context” en el fragmento de ubicacion, pero no funciono.

De la Siguiente manera:

<h1><fragment …
tools:context=".view.ui.fragments.MapsFragment"
/></h1>

Quisiera Conocer para que sirve ese Atributo y que es la clase o
interfaz “MapsFragment”???, o de donde viene.

maspfragemntquestion.jpg

Funcional

Screenshot_1585702588.png

**Unknown fragments **
Fragmentos Desconocidos???

Su Gentil ayuda, Si alguien conoce acerca de este Error.Al parecer se debe a que no se a referenciado ningún Fragmento.??

La verdad desconozco su Verdadero Origen. Estaría encantado de que alguien proporciones información acerca del error, ya que en StackOverflow **no les entend**í.

Y El Error Produce que no se Cargue el Mapa de la aplicación.

Screenshot (20200409-001349).jpg
Screenshot (20200409-001332).jpg
WhatsApp Image 2020-04-03 at 5.51.23 PM.png

Y Finalmente, agregrando el atributo “tools:layout” logre solucionar el error, y me cargo el mapa en el fragmento de ubicación.<br/>

De la siguiente Manera:

<fragement …
tools:layout="@layout/activity_main" />

Al parecer solo con este layout desaparecio el error y me cargo el mapa, ademas tambien lo probe con el layout de “fragment_home” y tambien funciono. Pero el de “fragment_ubication”, ni el detalle funcionaron.

Agradecería su gentil ayuda, si alguien conoce acerca de porque funcionaron con estos layout???. Muchas Gracias …
Y Si les pasa como a mi, solo añadan el atributo mencionado.
Espero que les sirva también a ustedes.

layoutactivitimainanswer.jpg

Min 7:06
Cuando antes has tenido cuidado en tapar la pantalla para que no se vea la clave y… Ahora no!!!

Me encantan estos temas de edición de vídeo…

Funcional
Screenshot_1609177065.png

Si a alguien le crashea recuerden borrar el TO-DO al generar automaticamente la function

Si están siguiendo este tutorial y programan en java el codigo para el mapa es

<SupportMapFragment smap = (SupportMapFragment) getChildFragmentManager().findFragmentById(R.id.mapita);
        smap.getMapAsync(this);>

En lugar de crear un proyecto nuevo podemos usar el mismo que crea Firebase por defecto en GCP.

Código para para implementar Play Services:

implementation 'com.google.android.gms:play-services-maps:16.1.0'
 <fragment
        android:id="@+id/map"
        android:class="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

En Android Studio 4.2 utilizando el API de Android 11, esta es la forma de declarar los atributos del fragment, no hay nombre, les dará error, hay que utilizar class

Si Funciona!!

Sin títulosdsd.png

<meta-data
android:name="com.google.android.geo.API_KEY"
android:value=“YOUR_API_KEY”/>

si alguien tiene inconvenientes copien la linea de name, aveces el error mas comun es un mal tipeo
https://developers.google.com/maps/documentation/android-sdk/get-api-key?hl=es-419
les dejos la documentacion para el que quiera profundizar

Si getMapAsync en el ubicationFragment les da alguna clase de error, sólo se tiene que agregar la dependencia actualizada de Maps SDK, que a día de hoy es:

implementation ‘com.google.android.gms:play-services-maps:17.0.1’

Me sale el icono de google pero toda la pantalla es color gris

Estoy un poco desorientado, alguien podria explicarme exactamente que es lo que indica el “this” dentro de mapFragment.getMapAsync(this)

Ame esta clase 😃

Captura.PNG

Adicionalmente añadi el atributo “tools:context” en el fragmento de ubicacion, pero no funciono.

De la Siguiente manera:

<h1><fragment …
tools:context=".view.ui.fragments.MapsFragment"
/></h1>

Quisiera Conocer para que sirve ese Atributo y que es la clase o
interfaz “MapsFragment”???, o de donde viene.

maspfragemntquestion.jpg

Funcional

Screenshot_1585702588.png

**Unknown fragments **
Fragmentos Desconocidos???

Su Gentil ayuda, Si alguien conoce acerca de este Error.Al parecer se debe a que no se a referenciado ningún Fragmento.??

La verdad desconozco su Verdadero Origen. Estaría encantado de que alguien proporciones información acerca del error, ya que en StackOverflow **no les entend**í.

Y El Error Produce que no se Cargue el Mapa de la aplicación.

Screenshot (20200409-001349).jpg
Screenshot (20200409-001332).jpg
WhatsApp Image 2020-04-03 at 5.51.23 PM.png

Y Finalmente, agregrando el atributo “tools:layout” logre solucionar el error, y me cargo el mapa en el fragmento de ubicación.<br/>

De la siguiente Manera:

<fragement …
tools:layout="@layout/activity_main" />

Al parecer solo con este layout desaparecio el error y me cargo el mapa, ademas tambien lo probe con el layout de “fragment_home” y tambien funciono. Pero el de “fragment_ubication”, ni el detalle funcionaron.

Agradecería su gentil ayuda, si alguien conoce acerca de porque funcionaron con estos layout???. Muchas Gracias …
Y Si les pasa como a mi, solo añadan el atributo mencionado.
Espero que les sirva también a ustedes.

layoutactivitimainanswer.jpg

Min 7:06
Cuando antes has tenido cuidado en tapar la pantalla para que no se vea la clave y… Ahora no!!!

Me encantan estos temas de edición de vídeo…

Funcional
Screenshot_1609177065.png

Si a alguien le crashea recuerden borrar el TO-DO al generar automaticamente la function

Si están siguiendo este tutorial y programan en java el codigo para el mapa es

<SupportMapFragment smap = (SupportMapFragment) getChildFragmentManager().findFragmentById(R.id.mapita);
        smap.getMapAsync(this);>