Tuesday, January 31, 2012

Un HelloWorld de GoogleMaps en Android [Tutorial]

Asumiendo que ya tienen un proyecto creado, deben seguir las siguientes instrucciones para hacer funcionar GoogleMaps en su applicación Android:

1. Antes que todo, deben saber que para hacer funcionar los mapas, deben conseguir una API key, una clave, gratuita proporcionada por Google. Ésta es única para cada computador, por lo que si trabajan colaborativamente, no podrán usar una sola clave para el proyecto, cada uno debe tener la suya.

Las instrucciones las pueden obtener aquí http://code.google.com/intl/es/android/add-ons/google-apis/mapkey.html  (en inglés) Si necesitan ayuda con eso, escriban en los comentarios.


Ahora que tienen la apikey, seguimos con nuestr aplicación:

2.  Creen una nueva vista (donde mostrarán el mapa). Vayan a la carpeta res/layout y creen un archivo nuevo, llámenlo mapview.xml .
3.  Creen una nueva clase, llámenla GoogleMapActivity (aparecerá como GoogleMapActivity.java)
4. El GoogleMap debe extender de MapActivity para poder hacer funcionar el mapa. El código base que deben tener en esa clase es:

package el.nombre.de.su.paquete;

import android.os.Bundle;
import com.google.android.maps.MapActivity;

public class GoogleMapActivity extends MapActivity {

    /*Se llama cuando la actividad se crea inicialmente*/
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);

      /*Configuramos el contenido para que se muestre en la vista que creamos en el paso 2.*/
        setContentView(R.layout.mapview);
    }

    @Override
    protected boolean isRouteDisplayed() {
        return false;
    }
}

5. En el manifest se deben agregar algunas líneas de código:

<uses-permission android:name="android.permission.INTERNET"/>

esto debe ir dentro de los tags:
 <manifest> </manifest>

y dentro de los tags 
<aplication> </aplication>
deben agregar:

<uses-library android:name="com.google.android.maps"></uses-library>

6. Y con eso ya estamos listos. Ahora para llamar al mapa con un boton, hay que agregar el botón al main.xml de res/layout, llamar a la actividad desde la actividad principal con el siguiente código por ejemplo:


Button btn_map = (Button) findViewById(R.id.button2);
btn_map.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
 Intent myIntent = new Intent(this, GoogleMapActivity.class);
     startActivity(myIntent);
 }
});

y agregar la actividad al manifiesto:
     
 <activity android:name=".GoogleMapActivity"></activity>

OJO: Recuerden que en las propiedades del proyecto el target debe estar configurado para un Google APIs



Este tutorial fue posible gracias a este link (en inglés).

Bookmark and Share

No comments:

Related Posts Plugin for WordPress, Blogger...