BubblesMap

Testeado en versión la 1.0

BubblesMap es un ejemplo para poner bocadillos dentro de un mapa haciendo uso de un Overlay.

El ejemplo cargará varias localizaciones y al pulsar sobre una de ellas aparecerá un bocadillo con un texto relacionado con él.

Capturas del programa

Como funciona

El programa tiene un paquete llamado "view" que contiene 4 ficheros .java con la vista del mapa, que extiende de MapView y un manager para trabajar con los puntos dentro del mapa. Nosotros lo que haremos en cargar la vista dentro de nuestro MapActivity y luego usar MapLocationsManager.

Este sería el código del método onCreate de nuestro MapActivity.

super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
		
FrameLayout frame = new FrameLayout(this);
        
mMapView = new MapLocationViewer(this, "KEY");
		
frame.addView(mMapView);
        
setContentView(frame); 	
				
mMapController = mMapView.getController();
mMapView.setTraffic(true);
mMapView.setSatellite(false);
mMapController.setZoom(15);
		
View zoomControls = mMapView.getZoomControls();
 
FrameLayout.LayoutParams p = 
    new FrameLayout.LayoutParams(LayoutParams.WRAP_CONTENT,
    LayoutParams.WRAP_CONTENT, 
    Gravity.BOTTOM + Gravity.CENTER_HORIZONTAL);
        
frame.addView(zoomControls, p);
		
GeoPoint point = new GeoPoint((int)(36.506004*1E6), (int)(-6.276686*1E6));
		
mMapView.getManager().addMapLocation(new MapLocation(mMapView, 
    "Prueba para poner un texto en un mapa", 
    point, MapLocation.TYPE_BUBBLE));
			
GeoPoint point2 = new GeoPoint((int)(36.516810*1E6), (int)(-6.280489*1E6));
		
mMapView.getManager().addMapLocation(new MapLocation(mMapView, 
    "Esto es poniendo otro texto", 
    point2, MapLocation.TYPE_BUBBLE_OFF));
		
GeoPoint point3 = new GeoPoint((int)(36.523363*1E6), (int)(-6.284609*1E6));
		
mMapView.getManager().addMapLocation(new MapLocation(mMapView, 
    "Y este sería un tercer texto", 
    point3, MapLocation.TYPE_BUBBLE_OFF));
				
mMapController.setCenter(point); 

Lo primero que tenemos que hacer para que funcionen los mapas dentro de nuestro programa es poner nuestro KEY para GoogleMaps. Puedes ver como hacerlo aquí.

El programa lo primero que hace es crear un FrameLayout y meter dentro nuestro MapLocationViewer (que hereda de MapView). Luego agregamos puntos en el mapa haciendo uso de mMapView.getManager().addMapLocation al cual se le pasan 4 parámetros: la vista del mapa, el texto, el punto (GeoPoint) y el dibujo que queremos aparezca en la localización. En la clase MapLocation, podemos crear diferentes tipos de dibujos, creando nuevas variables estáticas y modificando el método setType.

Descargar