Creacion de Mapas Con Marcadores Android

Ejercicio Da 3
1. Realizar un mapa con los siguientes destinos de Cartago, Valle del Cauca.
Centro de Tecnologas Agroindustriales
Latitud: 4.745401
Longitud: -75.914672
Parque de la Salud
Latitud: 4.739865
Longitud: -75.914790
Realizadores:
Jhon Alejandro Vargas Gil (Desarrolladores Dispositivos Mviles).
Carlos Manuel Nez Lpez (Desarrolladores Dispositivos Mviles).
Cartago, Valle del Cauca
1
Solucin
1. Ingresamos a eclipse y hacemos lo siguiente:
1
Luego de haber hecho esto, nos aparecer la siguiente pantalla y en ella le daremos un nombre a
nuestra aplicacin, el nombre del paquete, la versin mnima requerida para visualizar nuestra
aplicacin desde un dispositivo y la versin mxima de compilacin, luego de esto damos clic en
siguiente.
Damos clic
Realizadores:
2
Posteriormente seleccionamos la ubicacin donde guardaremos nuestro proyecto, luego clic en

siguiente
Ubicacin donde se
guardar nuestro
proyecto.
Damos clic
Posteriormente escogemos el icono que tendr nuestra aplicacin, en este caso escogeremos el
que viene por defecto (Opcional). Luego de esto damos clic en siguiente.
Damos clic
queremos
nuestro icono.
aqu si
cambiar
Damos clic
Realizadores:
3
Despus nos aparecer esta pantalla en la cual seleccionaremos la primera opcin y daremos clic
en siguiente
Seleccionamos
esta opcin
Damos clic
Por ltimo le damos un nombre a nuestra activity (en este caso ser Ejercicio3 Opcional). Y
damos clic en finalizar.
Nombre
de
nuestra Activity.
Damos clic
Realizadores:
4
Luego de ello visualizaremos esto.
.xml de nuestra
activity
Antes de continuar, revisar el Tutorial_para_Configurar_la_Api_de_Google_Maps y realizar los

pasos all mencionados.
Posteriormente ingresaremos al .xml de nuestra activity; donde seleccionamos su contenido y
borraremos todo a excepcin de la primera lnea de cdigo que es la siguiente:
Luego ingresamos el siguiente cdigo en nuestro archivo .xml de la activity:

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<fragment
android:id="@+id/map"
android:layout_width="match_parent"
android:layout_height="match_parent"
class="com.google.android.gms.maps.SupportMapFragment"
/>
Realizadores:
5
</LinearLayout>
Despus de haber hecho esto visualizamos como quedo nuestra activity.
Luego necesitamos vincular nuestro proyecto con la librera de googleplayservices. Lo haremos de

la siguiente manera:
Realizadores:
6
Luego de ello daremos clic en el tem siguiente:
Damos clic en
este tem.
Realizadores:
7
Y despus visualizaremos la siguiente ventana, en la cual daremos clic en browse:
Damos
browse.
clic
Despus visualizaremos la siguiente ventana en la cual buscaremos el siguiente directorio

(C:\Android\android-sdk\extras\google\google_play_services) para extraer la librera de
googleplayservices que necesitamos, en este caso este es mi directorio, tenga en cuenta que el
directorio vara dependiendo la ubicacin del sdk. Luego de haber hecho esto damos clic en
aceptar.
Realizadores:
8
1
2
3
4
5
6
Damos clic en
aceptar.
Realizadores:
9
Y visualizaremos la siguiente ventana en donde solo seleccionaremos lo que necesitamos y damos

clic en finalizar.
Seleccionamos
solo esta librera.
Damos clic en
finish.
Y deber aparecer en nuestro lado izquierdo donde estn ubicados nuestros proyectos la librera
que acabamos de agregar.
Realizadores:
10
Visualizamos que
se nos ha agregado
la librera.
Luego de haber hecho esto tendrs que vincular tu proyecto (Ejercicio3) con la librera (googleplay-services_lib). Lo cual se har de la siguiente manera.
Primero damos clic derecho sobre nuestro proyecto (en este caso Ejercicio3) y luego buscamos
properties y damos clic.
Realizadores:
11
Damos
clic
derecho
sobre
nuestro proyecto.
Luego damos clic

en properties
Al hacer lo anterior nos debe aparecer la siguiente ventana:
Luego buscamos en la parte izquierda Android y damos clic y luego de ello en lo que se nos
visualiza en la parte derecha nos deslizamos al final y al hacer esto nos debe aparecer lo siguiente:
Realizadores:
12
Buscamos Android
y damos clic.
Nos dirigimos al
final de esto y
damos clic en Add.
Luego de ello visualizaremos la siguiente ventana, en la cual daremos OK.
Seleccionamos la
librera.
Damos clic.
Realizadores:
13
Luego de realizar esto, aparecer la siguiente ventana en donde seleccionaremos nuestra librera y
luego damos clic en OK.
Seleccionamos
nuestra librera.
Damos clic.
Al hacer esto ya tendremos vinculado nuestro proyecto con la librera.
Realizadores:
14
Luego nos dirigimos a nuestra clase principal de java perteneciente a nuestra activiy.
Damos clic
Luego copiamos el siguiente cdigo. Y despus visualizaremos nuestra aplicacin en nuestro

emulador.
public class Ejercicio3 extends FragmentActivity {

GoogleMap googleMap;
String lati = "4.745401";
String longi = "-75.914672";
String lati2 = "4.739865";
String longi2 = "-75.914790";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_ejercicio3);
//Disponibilidad de los servicios de google
int status =
GooglePlayServicesUtil.isGooglePlayServicesAvailable(getBaseContext());
if(status!=ConnectionResult.SUCCESS){ // Los servicios de google play no
estan
Realizadores:
15
int requestCode = 10;

Dialog dialog = GooglePlayServicesUtil.getErrorDialog(status, this,
requestCode);
dialog.show();
}else { // Google Play Services are available
SupportMapFragment supportMapFragment = (SupportMapFragment)
getSupportFragmentManager().findFragmentById(R.id.map);
// Getting a reference to the map
googleMap = supportMapFragment.getMap();
// Enable MyLocation Button in the Map
googleMap.setMyLocationEnabled(true);
cargarSena();
// Setting a click event handler for the map
googleMap.setOnMapClickListener(new OnMapClickListener() {
@Override
public void onMapClick(LatLng latLng) {
// Creating a marker
MarkerOptions markerOptions = new MarkerOptions();
// Setting the title for the marker.
// This will be displayed on taping the marker
markerOptions.title(latLng.latitude+ " : " +
latLng.longitude);
// Setting the position for the marker
markerOptions.position(latLng);
// Clears the previously touched position

googleMap.clear();
// Animating to the touched position
googleMap.animateCamera(CameraUpdateFactory.newLatLng(latLng));
// Placing a marker on the touched position
googleMap.addMarker(markerOptions);
}
});
}
//
SupportMapFragment fm =
(SupportMapFragment)getSupportFragmentManager().findFragmentById(R.id.map);
//
googleMap = fm.getMap();
//
Realizadores:
16
//
googleMap.setMyLocationEnabled(true);
}
private void cargarSena() {

// TODO Auto-generated method stub
// Clears the previously touched position
googleMap.clear();
// Creating a marker
MarkerOptions markerOptions = new MarkerOptions();
// declaramos la posicion del marcador

LatLng pos = new LatLng(Double.parseDouble(lati),
Double.parseDouble(longi));
// Setting the title for the marker.
// This will be displayed on taping the marker
markerOptions.title("Centro de tecnologias
Agroindustriales");
// Setting the position for the marker
markerOptions.position(pos);
// Animating to the touched position
googleMap.animateCamera(CameraUpdateFactory.newLatLng(pos));
pos = new LatLng(Double.parseDouble(lati2),
Double.parseDouble(longi2));
markerOptions.title("Parque de la Salud");
markerOptions.position(pos);
googleMap.animateCamera(CameraUpdateFactory.newLatLng(pos));
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
Realizadores:
17
// Inflate the menu; this adds items to the action bar if it is

present.
getMenuInflater().inflate(R.menu.ejercicio3, menu);
return true;
}
Luego de ello debemos dar clic en nuestro manifest de nuestro proyecto y en este
ingresamos el siguiente cdigo, con este damos los permisos necesarios para que
funcione nuestro mapa. Copiamos el cdigo resaltado.
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.adsi.ejercicio3"
android:versionCode="1"
android:versionName="1.0" >
<uses-sdk
android:minSdkVersion="10"
android:targetSdkVersion="18" />
<permission
android:name="com.adsi.ejercicio3.permission.MAPS_RECEIVE"
android:protectionLevel="signature"/>
<uses-permission android:name="com.adsi.ejercicio3.permission.MAPS_RECEIVE"
/>
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission
android:name="com.google.android.providers.gsf.permission.READ_GSERVICES"/>
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
<uses-feature
android:glEsVersion="0x00020000"
android:required="true" />
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme"
>
<meta-data
android:name="com.google.android.maps.v2.API_KEY"
android:value="AIzaSyC0tcfccKer88liPFtTviDMmRxaSs-EaAw" />
Huella digital
Realizadores:
18
<meta-data
android:name="com.google.android.gms.version"
android:value="@integer/google_play_services_version"
/>
<activity
android:name="com.adsi.ejercicio3.Ejercicio3"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
Luego de ello visualizaremos en nuestro emulador o dispositivo el mapa con los

respectivos marcadores propuestos en el ejercicio.
Realizadores:
19

Creacion de Mapas Con Marcadores Android

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Creacion de Mapas Con Marcadores Android

Cargado por

Copyright:

Formatos disponibles

Ejercicio Da 3

Posteriormente seleccionamos la ubicacin donde guardaremos nuestro proyecto, luego clic en

Luego de ello visualizaremos esto.

Antes de continuar, revisar el Tutorial_para_Configurar_la_Api_de_Google_Maps y realizar los

Luego ingresamos el siguiente cdigo en nuestro archivo .xml de la activity:

Despus de haber hecho esto visualizamos como quedo nuestra activity.

Luego necesitamos vincular nuestro proyecto con la librera de googleplayservices. Lo haremos de

Luego de ello daremos clic en el tem siguiente:

Y despus visualizaremos la siguiente ventana, en la cual daremos clic en browse:

Despus visualizaremos la siguiente ventana en la cual buscaremos el siguiente directorio

Y visualizaremos la siguiente ventana en donde solo seleccionaremos lo que necesitamos y damos

Luego damos clic

Luego de ello visualizaremos la siguiente ventana, en la cual daremos OK.

Al hacer esto ya tendremos vinculado nuestro proyecto con la librera.

Luego copiamos el siguiente cdigo. Y despus visualizaremos nuestra aplicacin en nuestro

public class Ejercicio3 extends FragmentActivity {

int requestCode = 10;

// Clears the previously touched position

private void cargarSena() {

// declaramos la posicion del marcador

// Inflate the menu; this adds items to the action bar if it is

Luego de ello visualizaremos en nuestro emulador o dispositivo el mapa con los

También podría gustarte