Tutorial - Unfolding Maps para Processing (Generación de mapas con GoogleMaps)

UBICACIÓN DE UNA COORDENADA GEOESPACIAL CON GOOGLE-MAPS

Para ubicar un espacio geográfico para diferentes aplicaciones como es el caso de usar un GPS, se puede utilizar una herramienta como GoogleMaps. Para usar este tipo de herramientas se puede a través de dos variables: "Latitud y longitud".

Para este caso, las variables serán las siguientes:

Latitud: -16.457727

Longitud: -71.529176

Al momento de ingresarlas por GoogleMaps será de la manera "-16.457727,-71.529176" separados por una coma como se muestra en la figura, y posteriormente se generará un marcador automático en la pantalla.

USO DE LA LIBRERÍA UNFOLDING MAPS PARA PROCESSING

Para instalar la librería entramos a "Processing versión 2.2.1" en las siguientes versiones de Processing no se ha podido hacer funcionar la librería. Luego, hacemos click en "Sketch", después "Import Library" y finalmente "Add Library".

En la nueva ventana emergente, escribimos "Unfolding maps" en el buscador para que automáticamente el software busque esta librería en internet. Una vez hayamos la librería simplemente damos clck a "Install".

El programa desarrollado genera un marcador en un lugar geoespacial predeterminado, se usa como latitud y longitud los datos del punto anterior. El programa usado se muestra a continuación. 

/*
   PROGRAMA DE PRUEBA: Unfolding Maps - Google Maps
   
   El programa muestra un marcador en una locacion geoespacial especifica.
   
   Autor: Renato H. / Fabricio B.
   http://beetlecraft.blogspot.pe/
   
   El siguiente programa es de uso publico, cualquier modificacion o mal uso del mismo que pudiera 
   ocasionar el mal funcionamiento de la plataforma de uso de la misma no es responsabilidad del autor
*/

import processing.serial.*; // Inicio de la comunicación serial

// Cabeceras iniciales para generar el mapa
import processing.core.PApplet;
import de.fhpotsdam.unfolding.UnfoldingMap;
import de.fhpotsdam.unfolding.geo.Location;
import de.fhpotsdam.unfolding.utils.MapUtils;
import de.fhpotsdam.unfolding.marker.SimplePointMarker;
import de.fhpotsdam.unfolding.providers.Google;

// Cabeceras necesarias para la configuracion de la libreria
UnfoldingMap Mapa;           // Creacion del objeto "mapa"
Location GPS;                // Creacion del objeto "locacion"
SimplePointMarker GPSMarker; // Creacion del objeto "marcador"

float LAT = -16.457727, LON = -71.529176; // Variables de almacenamiento de datos de geolocalizacion 

public void setup() {
  size(1200, 600); // Porte de la pantalla
  if (frame != null) { frame.setResizable(true); } // Ajuste de pantalla para usar toda
  
  // Configuracion del mapa
  Mapa = new UnfoldingMap(this, new Google.GoogleMapProvider()); // Generacion del mapa de GoogleMaps
  GPS = new Location(LAT, LON);                                  // Locacion de los datos predeterminados
  
  // Configuracion del marcador
  GPSMarker = new SimplePointMarker(GPS); 
  Mapa.addMarkers(GPSMarker);             
  
  Mapa.zoomAndPanTo(GPS, 10);                        // Zoom del mapa al 10 %
  MapUtils.createDefaultEventDispatcher(this, Mapa); // Genera el evento de creacion del mapa
  
  delay(5000); // Retraso de 5 segundos
}

public void draw() {
  background(0);   // Pantalla de fondo
  
  // Dibujo del mapa
  Mapa.draw();     // Graficacion del mapa
  GPS.setLat(LAT); // Ubicacion geoespacial del mapa - Latitud
  GPS.setLon(LON); // Ubicacion geoespacial del mapa - Longitud
  GPSMarker.setLocation(LAT, LON); // Ubicacion del punto marcador
  // Mapa.zoomAndPanTo(GPS, 90);
}

El resultado final se muestra a continuación:

En caso de desear un mayor zoom, usando el scroll es posible agrandar la imagen. Como se observará en la imagen, el marcador generado es el mismo al utilizado con GoogleMaps.

Autores: