Facebook Twitter RSS Reset

Instant Street View – Aplicacion – [Con Codigo Fuente]

Instant Street View - Aplicacion - [Con Codigo Fuente]

Instant Street View - Aplicacion - [Con Codigo Fuente]

Si no te gusta programar salí de aquí URGENTE, te va a aburrir.

Explicación

Hoy, y para variar, les voy a compartir un poco de código fuente que generé en estos días y es para utilizar el servicio de Instant Street View de google.

Instant Street View - Aplicacion - [Con Codigo Fuente]

Se trata de una aplicación para Windows que te permite, dando una dirección, visualizar un lugar en 360°. Te voy a explicar como lo hice y a mostrarte pedazos del código fuente.

Instant Street View - Aplicacion - [Con Codigo Fuente]

La aplicación está realizada en Embarcadero Rad Studio XE8 utilizando un componente nativo del Rad que es Indy en su versión 10.

Instant Street View - Aplicacion - [Con Codigo Fuente]

Manos a la obra

en pasos para que se entienda sería algo así:

1. buscar en google maps la dirección que deseas ver.

2. extraer las coordenadas, es decir la geolocalización.

3. descargar las imágenes.

4. presentar una animación.

Para realizar la busqueda simplemente hacemos un GET con la siguiente URL

http://goole.com.ar/maps/place/la+direccion+que+buscas+la+provincia+el+pais,15z

como podes ver todos los espacios se los reemplaza por signos “+”, es decir que si buscamos :

direccion : maipu 414

Provincia : tucuman

Pais : argentina

la URL nos quedaría

http://google.com.ar/maps/place/maipu+414+tucuman+argentina,15z

como respuesta recibiremos una pagina, donde en el codigo buscaremos las coordenadas.

y con esas coordenadas utilizamos la sigiente url para descargar las imagenes:

http://maps.googleapis.com/maps/api/streetview?size=640×400&location=COORDENADA1,COORDENADA2+&heading=ANGULO&fov=100&pitch=-1&sensor=false

la respuesta de la url es la imagen que necesitamos.

para la locación en cuestión la url queda como esta:

https://maps.googleapis.com/maps/api/streetview?size=640×400&location=-26.824751,-65.206378&heading=0&fov=180&pitch=-1&sensor=false

si querés copiala y pegala en tu navegador y mirá lo que te devuelve.

haciendo variar la variable heading, seria como rotar la cabeza y obtenemos esto :

Instant Street View - Aplicacion - [Con Codigo Fuente]
aquí una captura del pedazo de código que hace todo

Instant Street View - Aplicacion - [Con Codigo Fuente]
aquí una vista del diseño

Instant Street View - Aplicacion - [Con Codigo Fuente]

aquí la aplicación ejecutada


Instant Street View - Aplicacion - [Con Codigo Fuente]
y aquí un video de la aplicación en ejecución :