El documento contiene funciones JavaScript para mostrar mapas y polígonos usando la API de Google Maps. La función initialize() crea un mapa con coordenadas iniciales. Las funciones PintarTriangulo() y PintarSanAgus() dibujan polígonos en el mapa representando el Triángulo de las Bermudas y un área en San Agustín, respectivamente. La función AgregarPuntos() agrega marcadores a coordenadas dadas. La función VerTrianguloBermudas() muestra el Triángulo de las Bermudas con marcadores etiquetados en

1. function initialize() {
//declaracion de la variable mapOptions para cargar los atributos del Api de
google que seleccione
var mapOptions = {
center: new google.maps.LatLng(10.002465, -84.039578),
zoom: 8,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
//agregando la capa base y los atributos selecionados al nuevo mapa que se
visualizara en pantalla
//con la variable map
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
}
function PintarTriangulo() {
var mapOptions = {
zoom: 5,
center: new google.maps.LatLng(24.774252, -80.190262),
mapTypeId: google.maps.MapTypeId.TERRAIN,
};
var bermudaTriangle;
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
// Define the LatLng coordinates for the polygon's path.
var triangleCoords = [
new google.maps.LatLng(25.774252, -80.190262),
new google.maps.LatLng(18.466465, -66.118292),
new google.maps.LatLng(32.321384, -64.75737),
new google.maps.LatLng(25.774252, -80.190262)
];
// Construct the polygon.
bermudaTriangle = new google.maps.Polygon({
paths: triangleCoords,
//color del borde que se dibuja en el mapa
strokeColor: '#14EB35',
//Opaquidad del poligono
strokeOpacity: 0.8,
//gruesor de la linea del poligono
strokeWeight: 5,
//color de fondo azul del poligono
fillColor: '#1B66DF',
fillOpacity: 0.35
});
//seteando el mapa para visualizar el poligono
bermudaTriangle.setMap(map);
}
function PintarSanAgus() {
var mapOptions = {
zoom: 20,
center: new google.maps.LatLng(10.061812, -84.437133),
mapTypeId: google.maps.MapTypeId.TERRAIN,
};
var bermudaTriangle;
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
// Define the LatLng coordinates for the polygon's path.
var triangleCoords = [
new google.maps.LatLng(10.061862, -84.436584),

2. new google.maps.LatLng(10.061305, -84.436983),
new google.maps.LatLng(10.061907, -84.437775),
new google.maps.LatLng(10.062367, -84.437260),
new google.maps.LatLng(10.061862, -84.436584)
];
// Construct the polygon.
bermudaTriangle = new google.maps.Polygon({
paths: triangleCoords,
//color del borde que se dibuja en el mapa
strokeColor: '#14EB35',
//Opaquidad del poligono
strokeOpacity: 0.8,
//gruesor de la linea del poligono
strokeWeight: 5,
//color de fondo azul del poligono
fillColor: '#1B66DF',
fillOpacity: 0.35
});
//seteando el mapa para visualizar el poligono
bermudaTriangle.setMap(map);
}
function AgregarPuntos(latitud, longitud) {
/*alert(latitud);
alert(longitud);
si llega aqui*/
var myLatlng = new google.maps.LatLng(10.028009, -84.089389);// crear la
variable para el centro del mapa coordenadas
var mapOptions = { // variable para la carga de atributos a mostrar en mi
nuevo mapa
zoom: 5,
center: myLatlng,
scaleControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP,
};
//creando la variable map para agregar capa base y sus atributos
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
//creando la variable coordenadas de un arreglo para cargar las nuevas
coordenadas
var Coords = [
new google.maps.LatLng(latitud, longitud)
];
//recoriendo el arreglo para cargar la variable marker o marcado posicion de
los puntos del arreglo
for (i in Coords) {
var marker = new google.maps.Marker({ position: Coords[i], title:
"Colegio San AgustÃn Palmares, Costa Rica" });
google.maps.event.addListener(map, 'click', function (event)
{ addMarker(event.latLng); });
//Para añadir cada marcador al mapa, llamar setMap (); este setea el
mapa construido con cada punto.
marker.setMap(map);
}
}
function VerTrianguloBermudas() {//funsion para cargar puntos dados para una
area determinada
var myLatlng = new google.maps.LatLng(24.774252, -80.190262);// crear la
variable para el centro del mapa coordenadas
var mapOptions = { // variable para la carga de atributos a mostrar en mi
nuevo mapa
zoom: 5,
center: myLatlng,
scaleControl: true,
streetViewControl: true,

3. overviewMapControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
//creando la variable map para agregar capa base y sus atributos
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
//creando la variable coordenadas de un arreglo para cargar las nuevas
coordenadas
var Coords = [
new google.maps.LatLng(25.774252, -80.190262),
new google.maps.LatLng(18.466465, -66.118292),
new google.maps.LatLng(32.321384, -64.75737),
];
//recoriendo el arreglo para cargar la variable marker o marcado posicion de
los puntos del arreglo
for (i in Coords) {
if (Coords[i] == 25.774252, -80.190262) {
var titles = "Punto 1";
} else if (Coords[i] == 18.466465, -66.118292) {
var titles = "Punto 2";
} else {
var titles = "Punto 3";
}
var marker = new google.maps.Marker({ position: Coords[i], title: titles
});
google.maps.event.addListener(map, 'click', function (event)
{ addMarker(event.latLng); });
//Para añadir cada marcador al mapa, llamar setMap (); este setea el
mapa construido con cada punto.
marker.setMap(map);
}
}