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

  • Por
Realizamos un polígono más complejo en un Mapa de Google en el que ponemos líneas geodésicas.
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

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir