PageRenderTime 17ms CodeModel.GetById 6ms app.highlight 8ms RepoModel.GetById 1ms app.codeStats 0ms

/Prototipo/Servlet/web/ValidadorMapa.html

http://prototipomemoria.googlecode.com/
HTML | 74 lines | 69 code | 5 blank | 0 comment | 0 complexity | 978513e3f0abd0abea25deac5b547141 MD5 | raw file
 1<!DOCTYPE html>
 2<html>
 3<head>
 4<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 5<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
 6<title>Validador de la Memoria de Franklin</title>
 7<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
 8<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
 9<script type="text/javascript">
10
11/**
12 * Estos son los datos (o los puntos) que se muestran
13 */
14var datosMarkers = [
15['1', -34.9076176308619, -56.2108833928569],
16['2', -34.9091463582541, -56.189797961465],
17['3', -34.902072480964, -56.1898905897867],
18['4', -34.893391896412, -56.1770443790436],
19['5', -34.9067022818552, -56.1698559416807],
20['6', -34.8864939736956, -56.1915795849116],
21['7', -34.8643752477568, -56.2088400966317],
22['8', -34.842474885017, -56.2084413941446],
23['9', -34.8938919563232, -56.1531962174975],
24['10', -34.9070689417253, -56.1501383436793],
25['11', -34.893772052941,  -56.1115126950238],
26['12', -34.8546372906647, -56.1968320542949],
27['13', -34.8695923112669, -56.1714750015559],
28['14', -34.8831542264783, -56.0898580643667],
29['15', -34.8755829847927, -56.1412284298246],
30['16', -34.8507433854871, -56.1437734149929],
31['17', -34.7951566970967, -56.1640550543778],
32['18', -34.8000649110918, -56.0857163432116],
33['19', -34.8577594292786, -56.2256302197846],
34['20', -34.7895328089479, -56.3532982105572],
35['21', -34.8046584018717, -56.2212584236229],
36['22', -34.7990295904935, -56.2566066336919],
37['23', -34.8242821804401, -56.2972010426787],
38['24', -34.8872343041937, -56.2528570388232],
39['25', -34.8646690651676, -56.1540180865859],
40['26', -34.8255182178453, -56.2036160641542],
41['27', -34.9074891094488, -56.1796730488755],
42['28', -34.9069929392124, -56.19185882366]
43];
44
45
46function inicializar() {
47  var opciones = {
48    zoom: 10,
49    center: new google.maps.LatLng(-34.911427, -56.159062),
50    mapTypeId: google.maps.MapTypeId.ROADMAP
51  }
52  var map = new google.maps.Map(document.getElementById("map_canvas"), opciones);
53  cargarMarkers(map, datosMarkers);
54}
55
56
57function cargarMarkers(map, ubicaciones) {
58  for (var i = 0; i < ubicaciones.length; i++) {
59    var dato = ubicaciones[i];
60    var ubicacion = new google.maps.LatLng(dato[1], dato[2]);
61    var marker = new google.maps.Marker({
62        position: ubicacion,
63        map: map,
64		icon: 'http://maps.google.com/mapfiles/kml/pal2/icon8.png',
65        title: dato[0]
66    });
67  }
68}
69</script>
70</head>
71<body onload="inicializar()">
72  <div id="map_canvas"></div>
73</body>
74</html>