Polígonos con líneas geodésicas en mapas de Google

Continuamos la explicación del artículo anterior sobre mapas de Google y polígonos. Anteriormente vimos cómo crear una línea recta en un mapa de Google entre dos puntos dados. Ahora vamos a ver cómo crear un polígono con varios puntos y líneas geodésicas.

Primero habrá que explicar qué son líneas geodésicas. Como sabemos, la tierra es esférica y por tanto su superficie tiene una curvatura, a pesar que en los mapas aparece la tierra sobre un plano recto. Por ello, para ir de un punto a otro en el mapa, realmente no vamos a ir en línea recta, sino realizando esa forma de la curvatura de la tierra. Esto es porque la distancia más corta entre dos puntos de la tierra se representaría con una curva geodésica.

Para decirle al API de mapas de Google que trace líneas geodésicas sobre el mapa tenemos que especificarlo a la hora de instanciar el polígono. Para ello primero tenemos que definir una opción adicional al polígono:

var opciones_poligono = {geodesic:true};

Ahora esas opciones las pasamos como último parámetro en el constructor del objeto de la clase GPolyline.

Imaginemos que queremos construir un polígono que hace esta ruta: Madrid, Moscú, Estambul, Roma, Túnez y Madrid. Primero crearíamos los puntos de esas ciudades:

var madrid = new GLatLng(40.4165020, -3.702564);
var moscu = new GLatLng(55.7522222, 37.6155556);
var estambul = new GLatLng(41.0186111, 28.9647222);
var roma = new GLatLng(41.9, 12.4833333);
var tunez = new GLatLng(36.8027778, 10.1797222);

Y luego instanciaríamos el polígono, indicando que queremos líneas geodésicas, de esta forma:

var poligono = new GPolyline([madrid, moscu, estambul, roma, tunez, madrid], "#cccc00", 6, 0.6, opciones_poligono);

Por último ordenamos que se pinte el polígono en el mapa con el método addOverlay().

map.addOverlay(poligono);

Podemos ver un ejemplo que hace este mapa con el polígono con líneas geodésicas.

Autoría, licencia y acciones sobre este artículo

Informe de Miguel Angel Alvarez* Director de DesarrolloWeb.com Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright. * Para consultas técnicas utilizar la lista de correo. Versión imprimible del artículo Enviar artículo por e-mail Publicar un comentario del artículo

Comentarios de los visitantes

Añadir un comentario del artículo Aun no hemos recibido comentarios de este artículo. Puedes ser el primero en enviar tu comentario.

Enlaces:

Maestrosdelweb

  Ir arriba