/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. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    5. 

  5. <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    6. 

  6. <title>Validador de la Memoria de Franklin</title>
    7. 

  7. <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
    8. 

  8. <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    9. 

  9. <script type="text/javascript">
    10. 

  10. 

  11. /**
    12. 

  12.  * Estos son los datos (o los puntos) que se muestran
    13. 

  13.  */
    14. 

  14. var datosMarkers = [
    15. 

  15. ['1', -34.9076176308619, -56.2108833928569],
    16. 

  16. ['2', -34.9091463582541, -56.189797961465],
    17. 

  17. ['3', -34.902072480964, -56.1898905897867],
    18. 

  18. ['4', -34.893391896412, -56.1770443790436],
    19. 

  19. ['5', -34.9067022818552, -56.1698559416807],
    20. 

  20. ['6', -34.8864939736956, -56.1915795849116],
    21. 

  21. ['7', -34.8643752477568, -56.2088400966317],
    22. 

  22. ['8', -34.842474885017, -56.2084413941446],
    23. 

  23. ['9', -34.8938919563232, -56.1531962174975],
    24. 

  24. ['10', -34.9070689417253, -56.1501383436793],
    25. 

  25. ['11', -34.893772052941,  -56.1115126950238],
    26. 

  26. ['12', -34.8546372906647, -56.1968320542949],
    27. 

  27. ['13', -34.8695923112669, -56.1714750015559],
    28. 

  28. ['14', -34.8831542264783, -56.0898580643667],
    29. 

  29. ['15', -34.8755829847927, -56.1412284298246],
    30. 

  30. ['16', -34.8507433854871, -56.1437734149929],
    31. 

  31. ['17', -34.7951566970967, -56.1640550543778],
    32. 

  32. ['18', -34.8000649110918, -56.0857163432116],
    33. 

  33. ['19', -34.8577594292786, -56.2256302197846],
    34. 

  34. ['20', -34.7895328089479, -56.3532982105572],
    35. 

  35. ['21', -34.8046584018717, -56.2212584236229],
    36. 

  36. ['22', -34.7990295904935, -56.2566066336919],
    37. 

  37. ['23', -34.8242821804401, -56.2972010426787],
    38. 

  38. ['24', -34.8872343041937, -56.2528570388232],
    39. 

  39. ['25', -34.8646690651676, -56.1540180865859],
    40. 

  40. ['26', -34.8255182178453, -56.2036160641542],
    41. 

  41. ['27', -34.9074891094488, -56.1796730488755],
    42. 

  42. ['28', -34.9069929392124, -56.19185882366]
    43. 

  43. ];
    44. 

  44. 

  45. 

  46. function inicializar() {
    47. 

  47.   var opciones = {
    48. 

  48.     zoom: 10,
    49. 

  49.     center: new google.maps.LatLng(-34.911427, -56.159062),
    50. 

  50.     mapTypeId: google.maps.MapTypeId.ROADMAP
    51. 

  51.   }
    52. 

  52.   var map = new google.maps.Map(document.getElementById("map_canvas"), opciones);
    53. 

  53.   cargarMarkers(map, datosMarkers);
    54. 

  54. }
    55. 

  55. 

  56. 

  57. function cargarMarkers(map, ubicaciones) {
    58. 

  58.   for (var i = 0; i < ubicaciones.length; i++) {
    59. 

  59.     var dato = ubicaciones[i];
    60. 

  60.     var ubicacion = new google.maps.LatLng(dato[1], dato[2]);
    61. 

  61.     var marker = new google.maps.Marker({
    62. 

  62.         position: ubicacion,
    63. 

  63.         map: map,
    64. 

  64. 		icon: 'http://maps.google.com/mapfiles/kml/pal2/icon8.png',
    65. 

  65.         title: dato[0]
    66. 

  66.     });
    67. 

  67.   }
    68. 

  68. }
    69. 

  69. </script>
    70. 

  70. </head>
    71. 

  71. <body onload="inicializar()">
    72. 

  72.   <div id="map_canvas"></div>
    73. 

  73. </body>
    74. 

  74. </html>
    75.